浏览器不支持attachEvent事件解决方案

关注

原创 2022-12-31 13:07:27 5.2k 阅读 AI 写同款· GEO 优化 ›

JavaScript中attachEvent与addEventListener事件绑定详解在Web开发中，事件驱动是实现用户交互的核心机制之一。JavaScript通过事件绑定将函数与特定的用户行为（如点击、鼠标移动、键盘输入等）关联起来，从而实现动态响应。随着浏览器技术的发展，事件绑定方式经历了从早期的内联事件处理到现代标准化API的演进。// 传统内联绑定（不推荐）element.onclick = function() { /* 处理逻辑 */ };// 现代标准绑定本章系统介绍了事件流模型（捕获、目标、冒泡）、两种主流注册方式的历史背景及设计差异，并引出为何与。阅读详情

原因 attachEvent方法是IE浏览器所独有的，需不支持的地方要替换为addEventListener 然后把 onclick改为 click，把on去掉

示例如下

把

selectObj.attachEvent('onclick', function() {
                                   alert('俗称地址不可选择！');
                                   return;
                               });

改成如下代码就行了，亲测

if (document.addEventListener) {
                       selectObj.addEventListener('click', function() {
                                   alert('俗称地址不可选择！');
                                   return;
                               });
                   } else {
                       selectObj.attachEvent('onclick', function() {
                                   alert('俗称地址不可选择！');
                                   return;
                               });
                   }