//为元素绑定事件
//对象.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");
})