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);

   }

}

目录
相关文章
|
19天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
10 0
|
5天前
|
JavaScript 前端开发
绑定事件的方法有几种?
绑定事件的方法有几种?
|
13天前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
6 0
|
3月前
|
JavaScript 前端开发
事件绑定(onmouseout,onmouseover)
事件绑定(onmouseout,onmouseover)
16 0
|
9月前
|
JavaScript 前端开发
事件冒泡、事件捕获和事件委托
事件冒泡、事件捕获和事件委托
43 0
|
JavaScript API
js: 添加事件监听addEventListener、移除事件监听removeEventListener
js: 添加事件监听addEventListener、移除事件监听removeEventListener
91 0
|
JavaScript 前端开发
详细解析DOM事件的event事件对象(二)
详细解析DOM事件的event事件对象(二) 上篇博客说到了DOM的键盘事件和鼠标事件的event对象,这次我们再来聊一聊event对象剩下的属性。 HTML代码: <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box">5</div> 1 2 3 4 5 CSS代码: *{ margin: 0;
|
XML 缓存 NoSQL
事件监听思考
在整合在项目中,我们通常需要基于事件去触发另外的业务逻辑动作的完成。也即在我们做需求时,通常会基于不同的事件码来完成业务处理,此时可以考虑将其单独处理,基于观察者模式+策略模式。还有一种如果当Spring完成Bean的初始化,需要做一些特殊处理,此时除了使用InitializingBean,还可以使用监听完成一些定制化的初始化动作,实现ApplicationListener<ContextRefreshedEvent>。
103 0
事件监听思考
|
数据安全/隐私保护
事件监听
事件监听
62 0
事件监听
|
JavaScript
click与addEventListener和removeEventListener事件详解
click与addEventListener和removeEventListener事件详解
click与addEventListener和removeEventListener事件详解