addEventListener() 方法兼容所有浏览器的写法（事件监听）

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