事件的绑定:
ele.addEventListener("事件类型",匿名函数或者函数名,执行类型)
注意引入函数名的话,不要加小括号,执行类型的话:false为事件冒泡,true为事件捕获
var box=document.querySelector('.box'); var box1=document.querySelector('.box1'); box.addEventListener('click',function(){ alert(1) },false); box1.addEventListener('click',fn,false); function fn(){ alert(2); }
用addEventListener绑定的事件,如果想要删除的话只能使用removeEventListener()方法;
注意移除时传入的参入,一定要和绑定时候的一样,还有就是绑定时候使用的是匿名函数时,无法移除!!!
box1.addEventListener('click',fn,false); function fn(){ alert(2); } box1.removeEventListener('click',fn);
注意!!!:在由于IE8以下版本,只支持冒泡事件,所以绑定与删除事件是用:
attachEvent()和detachEvent(),而且第一个事件类型要加“on”
box1.attachEvent('onclick',fn,false); function fn(){ alert(2); } box1.detachEvent('onclick',fn);