JS笔记_事件的绑定

addEventListener()
通过这个方法也可以为元素绑定响应函数
参数：
1.事件的字符串，不要on
2.回调函数，当事件触发时该函数会被调用
3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false

使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数，这样当事件被触发时，响应函数将会按照函数的绑定顺序执行。

这个方法不支持IE以下浏览器

 		btn01.addEventListener("click",function(){
            alert(1);
        },false);
         btn01.addEventListener("click",function(){
            alert(2);
        },false);

attachEvent()
在IE8中可以使用attachEvent()来绑定事件
参数：
1.事件的字符串，要on
2.回调函数
这个方法也可以同时为一个事件绑定多个处理函数，不同的是他是后绑定先执行，执行顺序和addEventListener相反。

 btn01.attachEvent("onclick",function(){
            alert(1);
        });
        btn01.attachEvent("onclick",function(){
            alert(2);
        });

定义一个函数，用来为指定元素绑定响应函数
addEventListener()中的this,是绑定事件的对象
attachEvent()中的this,是window.
需要统一两个方法的this.

 		// 参数：
        // obj 要绑定事件的对象
        // eventStr  事件的字符串
        // callback 回调函数
        function bind(obj,eventStr,callback){
            if(obj.addEventListener){
                // 大部分浏览器兼容的方式
                obj.addEventListener(eventStr,callback);
            }else{
                // IE8及以下
                // 匿名函数由浏览器调用
                obj.attachEvent("on"+eventStr,function(){
                    // this是由谁调用的方式决定
                    // 在匿名函数中调用回调函数
                    callback.call(obj);
                });
            }
        }