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