首页 > 代码库 > 事件函数绑定方式

事件函数绑定方式

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)   //只会解除相应时间流的事件函数绑定

  

 

事件函数绑定方式