javascript – 替换addEventListener

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 替换addEventListener，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1227字，纯文字阅读大概需要2分钟。

内容图文

我有很多代码在缩小的库,文件……中使用addEventListener,但是我需要在IE8中使用这个代码,所以用addEvent替换addEventListener：

 /*
  * Register the specified handler function to handle events of the specified
  * type on the specified target. Ensure that the handler will always be
  * invoked as a method of the target.
  */
 function addEvent(type, handler) {
     if (this.addEventListener)
         this.addEventListener(type, handler, false);
     else {
         this.attachEvent("on" + type,
             function(event) {
                 return handler.call(this, event);
             });
     }
 }

我可以“覆盖”window.addEventListener,但是如何在其他对象中覆盖此方法？

提前致谢
问候

解决方法:

要以与现代浏览器相同的方式访问它,您需要将方法添加到Window,HTMLDocument和Element原型中.

(function(){
    if (!("addEventListener" in window)) {
        function addEventListener(type, handler) {
            var _this = this;              
            this.attachEvent("on" + type, function(){
                handler.call(_this, window.event);  
            });
        }
        Window.prototype.addEventListener = addEventListener;
        HTMLDocument.prototype.addEventListener = addEventListener;
        Element.prototype.addEventListener = addEventListener;
    }
})();

注意：虽然我们规范了对函数的访问并解决了这个问题,但我们还没有将事件规范化为w3c标准.因此,它将缺少像event.target,event.relatedTarget等属性.
看看Mozilla的addEventListener()垫片.

内容总结

以上是互联网集市为您收集整理的javascript – 替换addEventListener全部内容，希望文章能够帮你解决javascript – 替换addEventListener所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端