attachevent
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();
写程序最好就是写兼容性、便于维护的代码。
文章最后发布于: 2018-09-17 11:39:58
相关阅读
原因 attachEvent方法是IE浏览器所独有的，需不支持的地方要替换为addEventListener 然后把 onclick改为 click，把on去掉 示例如
addEventListener()和attachEvent()
一般来说一个事件只能有一个事件处理程序与之关联 栗子： <body> <span>测试</span> </body> <script> var span = docu
addEventListener（）和attachEvent（）的区别和兼容写法
addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函
document.attachEvent is not a function出错的原因 报错原因有： （1）、利用attachEvent()直接在谷歌浏览器打开，我就是犯这种低级错