为元素绑定多个响应函数

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

});