// 給一個element綁定一個針對event事件的響應(yīng)

// 移除element對象對于event事件發(fā)生時執(zhí)行某個函數(shù)

var box = document.getElementById("box1"); // 添加事件函數(shù) function addEvent(obj,type,fn){// 判斷是否有這個屬性if(document.addEventListener){return obj.addEventListener(type,fn);}else{if(document.attachEvent){return obj.attachEvent("on"+type,fn);}} }addEvent(box,"click",function(){console.log(1); }); addEvent(box,"click",fn2); function fn2(){console.log(2); } // 解除事件函數(shù) function reEvent(obj,type,fn){// 判斷是否有這個屬性if(document.removeEventListener){obj.removeEventListener(type,fn);}else{if(document.detachEvent){obj.detachEvent("on"+type,fn);}} } reEvent(box,"click",fn2);

?// 實(shí)現(xiàn)對click事件的綁定

function addClickEvent(element, listener) {// 判斷是否有這個屬性if(document.addEventListener){return element.addEventListener('click',listener);}else{if(document.attachEvent){return element.attachEvent('onclick',listener);}} }var ul = document.getElementById("ul"); addClickEvent(ul,function(){console.log(this) });

// 實(shí)現(xiàn)對于按Enter鍵時的事件綁定

function addEnterEvent(element, listener) {if(window.addEventListener){// 給window添加keydown事件window.addEventListener("keydown",function(e){// 判斷是否按下enter鍵，如果有則執(zhí)行回調(diào)函數(shù)if(e.keyCode===13){listener();}});}else{// 兼容IE低版本document.attachEvent("onkeydown",function(){if(window.event.keyCode===13){listener();}})}} var ul = document.getElementById("ul");addEnterEvent(ul,function(){console.log("1"); })

?

總結(jié)

以上是生活随笔為你收集整理的JS Event事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。