addEventListener和attachEvent小结

简介: W3C的DOM标准用addEventListener绑定事件 IE的DOM标准用attachEvent绑定事件 /** *  绑定事件 */ function addEvent(elem,evt,fn,b){    if(elem.

W3C的DOM标准用addEventListener绑定事件

IE的DOM标准用attachEvent绑定事件

/**

*  绑定事件

*/

function addEvent(elem,evt,fn,b){

   if(elem.addEventListener){

        if(4==arguments.length){

             elem.addEventListener(evt,fn,b);

        }

        else{

            elem.addEventListener(evt,fn,false);

        }

   }

    else{

           elem.attachEvent("on"+evt,fn);

    }

}

 

W3C 中 removeEventListener 移除绑定的事件   参数要和绑定事件参数一致

IE 中 detachEvent 移除事件

/**

*  移除事件

*/

 function  delEvent(elem,evt,fn,b){

   if(elem.removeEventListener){

       if(4==arguments.length){

          elem.removeEventLisnter(evt,fn,b);

      }

      else{

        elem.removeEventLisnter(evt,fn,false);

     }

   }

   else{

       elem.detachEvent("on"+evt,fn);

   }

}

目录
相关文章
|
1月前
什么是事件代理?什么事件委托?
什么是事件代理?什么事件委托?
16 0
|
1月前
事件代理和事件委托
事件代理和事件委托
21 6
|
16天前
事件监听
事件监听
|
18天前
|
JavaScript 前端开发
什么是事件代理?什么是事件委托?
什么是事件代理?什么是事件委托?
23 6
|
26天前
|
JavaScript 前端开发
绑定事件的方法有几种?
绑定事件的方法有几种?
|
1月前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
8 0
|
4月前
|
JavaScript 前端开发
事件绑定(onmouseout,onmouseover)
事件绑定(onmouseout,onmouseover)
16 0
|
9月前
|
前端开发
事件委托
事件委托
48 0
|
10月前
|
JavaScript 前端开发
事件冒泡、事件捕获和事件委托
事件冒泡、事件捕获和事件委托
44 0
|
XML 缓存 NoSQL
事件监听思考
在整合在项目中,我们通常需要基于事件去触发另外的业务逻辑动作的完成。也即在我们做需求时,通常会基于不同的事件码来完成业务处理,此时可以考虑将其单独处理,基于观察者模式+策略模式。还有一种如果当Spring完成Bean的初始化,需要做一些特殊处理,此时除了使用InitializingBean,还可以使用监听完成一些定制化的初始化动作,实现ApplicationListener<ContextRefreshedEvent>。
106 0
事件监听思考