JS基础学习:为元素绑定多个事件

为同一个元素绑定多个相同的事件

为元素绑定事件（DOM）有两种，但是不兼容

1. 通过 对象.addEventListener("事件类型",事件处理函数,flase); 谷歌火狐都支持，但是IE8不支持
   2.通过 对象.attachEvent("有on的事件类型",事件处理函数); 只有IE8支持，谷歌火狐都不支持

addEventListener

参数1:事件的类型--- 事件的名字, 没有on
参数2:事件处理函数(命名函数，匿名函数)
参数3:布尔类型,

attachEvent

参数1:事件类型----事件的名字 有on
参数2:事件处理函数(命名函数，匿名函数)

兼容代码
//为任意元素，绑定任意的事件

function addEventListener(element, type, fn) {
    // 判断浏览器是否支持这个方法
    if (element.addEventListener) {
        element.addEventListener(type, fn, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + type, fn);
    } else {
        element["on" + type] = fn;
    }
}

事例

<input type="button" name="" id="btn" value="点击" />
        <script src="js/common.js"></script>
        <script type="text/javascript">
            // 参数1:事件的类型--- 事件的名字, 没有on
            // 参数2:事件处理函数(命名函数，匿名函数)
            // 参数3:布尔类型, 
            my$('btn').addEventListener('click',function(){
                console.log("文件");
            },false);
            my$('btn').addEventListener('click',function(){
                console.log("阿卡文件");
            },false);
            my$('btn').addEventListener('click',function(){
                console.log("写完");
            },false);
            
              参数1:事件类型----事件的名字  有on
              参数2:事件处理函数(命名函数，匿名函数)
               my$('btn').attachEvent("onclick",function(){
                // console.log("安家居就");
              });
            
            
            addEventListener(my$('btn'),"click",function(){
                console.log("马为难");
            });
            
            
            
            
        </script>

相关代码：
https://github.com/Merbn/studyJs/blob/master/study-js-base/%E4%B8%BA%E5%85%83%E7%B4%A0%E7%BB%91%E5%AE%9A%E5%A4%9A%E4%B8%AA%E4%BA%8B%E4%BB%B6.html