事件函数绑定方式

Posted 2020-09-04 .smile

1.赋值形式及其问题

1 document.onclick=fn;
2 document.onclick=fn1;
3 function fn(){alert(0)}
4 function fn1(){alert(1)}

这样做，第二次赋的值会替换掉第一次的值 ，点击时只会输出1

2.函数形式

　　所有IE：obj.attachEvent(事件名称，事件函数)

　　　　　a.没有捕获

　　　　　b.事件名称有on

　　　　　c.事件执行顺序：标准IE正序，非标准倒序

　　　　　d.事件函数中this指向window

　　标准下（IE9+）：obj.addEventListener(事件名称，事件函数，是否捕获（默认为false）)

　　　　　a.有捕获

　　　　　b.事件名称没有on

　　　　　c.事件正序执行

　　　　　d.this指向触发事件的对象

3.赋值形式事件的取消

　　document.onclick=null

4.函数形式事件的取消

　　IE：obj.dettachEvent(‘onclick‘,fn1)

　　标准下：obj.removeEventListener(‘click‘,fn1,false)   //只会解除相应时间流的事件函数绑定