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

   }

}

目录
相关文章
|
5月前
事件代理和事件委托
事件代理和事件委托
42 6
|
5月前
什么是事件代理?什么事件委托?
什么是事件代理?什么事件委托?
40 0
|
8天前
|
JavaScript 前端开发 API
你真的理解事件绑定、事件冒泡和事件委托吗?
该文章详细解释了JavaScript中的事件绑定机制、事件冒泡行为以及事件委托技术,并通过实例帮助读者更好地理解和应用这些概念。
|
27天前
|
存储 JavaScript 前端开发
js事件冒泡和事件委托
事件冒泡是指事件从最内层元素开始逐级向上传播至祖先元素的过程,默认情况下,点击子元素时会先触发自身的事件处理程序,再依次向上触发父元素的处理程序。事件委托则是在父元素上设置事件处理程序,利用事件冒泡机制处理子元素的事件,以此减少内存消耗和提高性能,特别适用于处理大量动态子元素的情况。其区别在于事件冒泡是事件传播机制的一部分,而事件委托是编程技巧,通过在父元素上绑定事件处理程序来简化子元素的事件处理。
17 0
|
2月前
|
JavaScript 前端开发
绑定事件的方法有几种?
绑定事件的方法有几种?
|
4月前
|
索引
事件委托是什么
事件委托是什么
|
5月前
|
JavaScript 前端开发
什么是事件代理?什么是事件委托?
什么是事件代理?什么是事件委托?
62 6
|
5月前
事件监听
事件监听
|
5月前
|
JavaScript 前端开发
事件绑定(onmouseout,onmouseover)
事件绑定(onmouseout,onmouseover)
32 0
|
前端开发
事件委托
事件委托
58 0