Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法,我们可以定义一个方法实现所有浏览器兼容。
<script>
var x = document.getElementById("myBtn");
if (x.addEventListener) { // 所有主流浏览器,除了 IE 8 及更早版本
x.addEventListener("click", myFunction);
} else if (x.attachEvent) { // IE 8 及更早版本
x.attachEvent("onclick", myFunction);
}
</script>
为了兼容所有的浏览器,我们可以定义一个函数:当有 addEventListener 时调用,没有的时候调用 attachEvent。
/*
* 参数:
* obj:要绑定事件的对象
* eventStr:事件(注意:这里不要on)
* callback:回调函数
*/
function bind(obj , eventStr , callback){
if(obj.addEventListener){
//大部分浏览器
obj.addEventListener(eventStr , callback , false);
}else{
//IE8及以下
obj.attachEvent("on"+eventStr , function(){
//在匿名函数中调用回调函数
callback.call(obj);
});
}
}