笔记-[6]-js中事件绑定方法的总结

  js中的两种对象事件绑定方法:

    1:常用的如:div.onclick=function(){...};

    2:通过系统方法绑定事件:

    非IE:addEventListener('事件名[不加on]',function(){},false[或者true])

    IE:attachEvent('事件名[加on]',function(){});

  通过系统方法绑定事件可以让对象可以绑定相同的事件并且执行不同的操作,如果使用第一种方法绑定多个相同的事件,最后一个事件会覆盖前面所有的事件。

  在addEventListener的第三个参数值:如果为false即支持冒泡事件,如果为true即支持事件捕获;一般情况下为false;(如果有ture 和 false的事件对象同时存在,即先捕获 后冒泡)

    兼容处理:

 function bind(element,ev,fn){

    if(element.addEventListener){

        element.addEventListener(ev,fn,false);

    }else{

        element.attachEvent('on'+ev,fn);

       }

  };

 

    如果需要解除绑定的事件的方法:

        IE:detachEvent();

        非IE:removeEventListener();

posted @ 2014-06-19 21:27  宇宙第一小菜鸟  阅读(172)  评论(0编辑  收藏  举报