JS 事件绑定函数代码

412 阅读 0 评论 272 点赞

我是靠谱客的博主无心人生，这篇文章主要介绍JS 事件绑定函数代码，现在分享给大家，希望可以做个参考。

主要解决了

浏览器兼容，现在可以兼容IE6 7 8 FF 谷歌（废话）
IE浏览器里，this指向问题。
直接上代码吧！

复制代码代码如下:

 
var bind=function(object,type,fn){ 
if(object.attachEvent){//IE浏览器 
object.attachEvent("on"+type,(function(){ 
return function(event){ 
window.event.cancelBubble=true;//停止时间冒泡 
object.attachEvent=[fn.apply(object)];//----这里我要讲的是这里 
} 
})(object),false); 
}else if(object.addEventListener){//其他浏览器 
object.addEventListener(type,function(event){ 
event.stopPropagation();//停止时间冒泡 
fn.apply(this) 
}); 
} 

} 

//下面是给AAA这个ID添加了一个click事件 
bind(document.getElementById("aaa"),"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第1个函数")}); 
bind(document.getElementById("aaa"),"click",function(){alert("这是你点击的按钮的ID"+this.id+"这是绑定的第2个函数")}); 