attachEvent报错原因

attachEvent报错原因https://blog.csdn.net/Ultraman_and_monster/article/details/79840025document.attachEventisnotafunction出错的原因报错原因有: (1)、利用attachEvent()直接在谷歌浏览器打开,我就是犯这种低级错误的。重要事情说三遍:attachEvent是IE浏览器独有的!!!att…

https://blog.csdn.net/Ultraman_and_monster/article/details/79840025

document.attachEvent is not a function出错的原因

报错原因有: 
(1)、利用attachEvent()直接在谷歌浏览器打开,我就是犯这种低级错误的。

重要事情说三遍:attachEvent是IE浏览器独有的!!!attachEvent是IE浏览器独有的!!!attachEvent是IE浏览器独有的!!

(2)、在IE11版本浏览器打开运行程序,IE11不支持attachEvent; 
解决办法就是

通过在html的head标签中加入

   <meta http-equiv="X-UA-Compatible" content="IE=10" />

让IE的默认版本为IE10,在IE控制台也可以直接修改IE的版本,便于调试。

下面例子实现的就是在不同浏览器以及IE版本不同的情况下点击列表出现不同的效果

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
    <script>
        var li = document.getElementsByTagName('li')[0];
        if(li.attachEvent){
            li.attachEvent('onclick',function(){
            handle.call(li);
                    });
        }else{
            li.addEventListener('click',function(){
                li.style.backgroundColor = "red";
            },false);
        }
        function handle(){
            this.style.backgroundColor = "yellow";
        }
    </script>

在谷歌浏览器以及IE11下运行的结果

这里写图片描述 
在IE10及以下运行结果 
这里写图片描述 
刚开始没有写兼容性,直接用attachEvent()在谷歌浏览器打开,报错这不是一个函数。后来打开IE,结果也出错,然后自己调了版本,居然可以用,百度才知道IE11不支持attacEvent(); 
写程序最好就是写兼容性、便于维护的代码。

今天的文章attachEvent报错原因分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/5313.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注