事件处理程序

    addEventListener 和 attachEvent 的不同点。

  addEventListener attachEvent
参数 三个 两个
作用域 元素的作用域中 全局作用域中
参数的事件类型 不用加“on” 需要加“on”
 

参数

true:事件添加到捕获阶段

false:事件添加到冒泡阶段

事件添加到冒泡阶段
 

为同一元素添加几个不同的事

件会按照以它添加的顺序执行

以添加相反的顺序执行
    支持浏览器:IE和Opera

  跨浏览器的事件处理程序:

   var EventUtil = {

        addHanlder: function (elem, type, handler){

             if (elem.addEventListener){

                 elem.addEventListener( type, handler, false);//DOW2级事件处理程序

              } else if (elem.attachEvent){

                 elem.attachEvent("on"+type, handler);        //IE

              } else {

                 elem["on"+type] = handler;                       //DOW0级方法

              }

        },

        removeHandler: function (elem, type, handler){

             if (elem.removeEventListener){

                 elem.removeEventListener( type, handler, false);

              } else if (elem.detachEvent){

                 elem.detachEvent("on"+type, handler);      

              } else {

                 elem["on"+type] = null;                     

              }

        }

   };

 

 

 

 

 

posted @ 2013-09-09 12:42  hy小辣椒  Views(169)  Comments(0)    收藏  举报