JS 事件绑定函数代码

2019-12-24,,,

主要解决了

浏览器兼容,现在可以兼容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个函数")});

代码很简单,不用多解释。用用就知道了。呵呵。

您可能感兴趣的文章:

  • JS 事件绑定、事件监听、事件委托详细介绍
  • Javascript 事件流和事件绑定
  • javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
  • javascript实现简单的on事件绑定
  • js事件绑定快捷键以ctrl+k为例
  • 关于JavaScript中事件绑定的方法总结
  • javascript 处理事件绑定的一些兼容写法
  • JS的事件绑定深入认识
  • 浅谈JavaScript之事件绑定
  • Javascript函数加壳多用于事件绑定
  • JS事件绑定的常用方式实例总结

《JS 事件绑定函数代码.doc》

下载本文的Word格式文档,以方便收藏与打印。