事件兼容性封装

最新推荐文章于 2025-03-04 22:10:49 发布

weixin_30725467

最新推荐文章于 2025-03-04 22:10:49 发布

阅读量70

点赞数

原文链接：http://www.cnblogs.com/lsy0403/p/5901792.html

版权

本文介绍了一种兼容多种浏览器的事件绑定方法，通过判断浏览器类型选择使用addEventListener或attachEvent，并提供了一种兼容旧版IE的事件绑定实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function event(){

if(window.addEventListener) {
                        this.addEventListener("click", handler);
                    } else if(window.attachEvent) {
                        this.attachEvent("onclick", handler);
                    } else {
                        // this.onclick = handler;
                        // 思路：
                        // 1 先判断有没有绑定过事件
                        // 2 如果没有绑定直接赋值
                        // 3 如果绑定过了
                        //         3.1 先将绑定的事件保存起来
                        //         3.2 调用事件：先调用已经绑定的事件，再调用当前绑定的事件

                        var oldFn = this.onclick;
                        // 事件没有绑定过，那么就是null，否则就是 function
                        if(typeof oldFn !== "function") {
                            this.onclick = handler;
                        } else {
                            // 已经绑定过事件了
                            this.onclick = function() {
                                oldFn();
                                handler();
                            };
                        }
                    
}