javascript轮播图之添加事件及其兼容代码

//为元素绑定事件
//对象.addEventlistener("事件的类型","事件的处理函数"false)ie8不支持
//参数1:事件的类型--->事件的名字,没有on
//参数2:事件的处理函数--->匿名函数和命名函数
//参数3:布尔值,目前写默认值false

//对象.attachEvent("有on的事件类型","时间的处理函数"),谷歌,火狐不支持


//为同一个元素绑定相同的事件
my$("btn").addEventListener("click",function () {
 console.log("hehe");
},false);
my$("btn").addEventListener("click",function () {
    console.log("haha");
},false)
my$("btn").attachEvent("onclick",function () {
   console.log("哼哼哈嘿");});
my$("btn").attachEvent("click",function () {
  console.log("嘻嘻哈哈"); })

兼容代码:
//定义一个为任意元素绑定的任意事件(元素,事件,函数)

function addEvent(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;
    }
}
//测试
addEvent(my$("btn"),"click",function () {
    console.log("hehe");
})