attachEvent报错原因

　

attachevent

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();

写程序最好就是写兼容性、便于维护的代码。

相关阅读