标签：listen 注意 div class script blog 需要 问题 click
在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性
addEventListener方法
div.addEventListener(‘click‘,fn);
div.addEventListener(‘click‘,fn2);
function fn(){ console.log("春雨绵绵"); }
function fn2(){
console.log("到处潮湿");
}
attachEvent方法
div.attachEvent(‘onclick‘,fn); div.attachEvent(‘onclick‘,fn2); function fn(){ console.log("春雨绵绵"); } function fn2(){ console.log("到处潮湿"); }
注意点:attachEvent方法绑定的事件是带on的,addEventListener绑定的事件是不带on的
下面我写了一个兼容了IE和火狐谷歌的方法
var div=document.getElementsByTagName("div")[0]; addEvent(‘click‘,div,fn) function addEvent(str,ele,fn){ ele.attachEvent?ele.attachEvent(‘on‘+str,fn):ele.addEventListener(str,fn); } function fn(){ console.log("春雨绵绵"); }
这样就完美的解决了兼容性的问题
有绑定事件的话,那就肯定有解绑事件,但是解绑事件和绑定事件一样,万恶的IE还是会搞特殊化
detachEvent方法写法:
ele.detachEvent("onclick",fn);
removeEventListener的写法:
ele.removeEventListener("click",fn);
下面我写了一个兼容性的方法给大家参考,实现也是很简单
function remove(str,ele,fn){
ele.detachEvent?ele.detachEvent("on"+str,fn):ele.removeEventListener(str,fn);
}
注意点:不管是绑定事件attachEvent还是删除事件detachEvent都是要加on的,removeEventListenser和addEventListenser则不需要加on
标签：listen 注意 div class script blog 需要 问题 click
原文地址：http://www.cnblogs.com/cythia/p/6769736.html
