开发者社区> 爱六六> 正文

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

   }

}

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
详细解析DOM事件的event事件对象(一)
JavaScript 86 篇文章 7 订阅 订阅专栏 详细解析DOM事件的event事件对象(一) 近期我们一直在学习DOM,马上到了尾期了,今天来说一下DOM事件的event事件对象。这里我们先解析一下键盘和鼠标事件的event对象属性。 HTML代码: <form> <input type="text" id="text"> <!-- <input type="submit"> --> <button>登录</button> </form> 1 2 3 4 5 1.键盘事件
28 0
事件监听思考
在整合在项目中,我们通常需要基于事件去触发另外的业务逻辑动作的完成。也即在我们做需求时,通常会基于不同的事件码来完成业务处理,此时可以考虑将其单独处理,基于观察者模式+策略模式。还有一种如果当Spring完成Bean的初始化,需要做一些特殊处理,此时除了使用InitializingBean,还可以使用监听完成一些定制化的初始化动作,实现ApplicationListener<ContextRefreshedEvent>。
46 0
事件监听
事件监听
26 0
click与addEventListener和removeEventListener事件详解
click与addEventListener和removeEventListener事件详解
186 0
学习javaScript必知必会(4)~事件、事件绑定、取消事件冒泡、事件对象
学习javaScript必知必会(4)~事件、事件绑定、取消事件冒泡、事件对象
92 0
你真的理解事件绑定、事件冒泡和事件委托吗?
事件,是JS Web API比较重要的一个知识点。我们平常所看到的网页,肯多内容都要用到事件。比如说一个点击、一个下拉、一个滚动,都要用到事件进行操作。
172 0
:focus-within的冒泡触发
:focus-within的冒泡触发
84 0
+关注
爱六六
前端开发相关专家
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载