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

事例

相关代码：
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