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

原创已于 2022-12-31 13:07:27 修改 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#不支持attachEvent #attachEvent #兼容性问题

于 2019-03-20 11:50:30 首次发布

日常报错专栏收录该内容

10 篇文章

订阅专栏

博客指出attachEvent方法是IE浏览器独有，不支持的地方需替换为addEventListener，并把onclick改为click。还给出示例代码，通过判断document是否支持addEventListener来选择使用addEventListener或attachEvent处理点击事件。

原因 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;
                               });
                   }