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报错原因的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。