1、第一种方法 (这个方法不支持IE8及以下的浏览器!)
addEventListener()
// btn01.addEventListener("click",function(){
// alert(1);
// },false)
// btn01.addEventListener("click",function(){
// alert(2);
// },false)
2、第二种方法 (这个方法只支持IE8及以下的浏览器!)
attachEvent()
// btn01.attachEvent("click",function(){
// alert(1);
// },false)
// btn01.attachEvent("click",function(){
// alert(2);
// },false)
3、两者结合，定义一个函数：兼容IE8的方式且统一this
addEventListener()中的this，是绑定事件的对象；
attachEvent()中的this，是window；
* 参数：
* obj 要绑定事件的对象
* eventStr 事件的字符串(不要on)
* callback 回调函数
function bind(obj , eventStr , callback){
if(obj.addEventListener){
//大部分浏览器兼容的方式
obj.addEventListener(eventStr , callback , false);
}
else{
/*
* this是谁由调用方式决定
* callback.call(obj)
*/
//IE8及以下
obj.attachEvent("on"+eventStr , function(){
//在匿名函数中调用回调函数
callback.call(obj);
});
}
}
bind(btn01 , "click" , function(){
alert(this.innerHTML);
});
bind(btn01 , "click" , function(){
alert(2);
});