JS 事件绑定函数代码_Javascript教程-查字典教程网
JS 事件绑定函数代码
JS 事件绑定函数代码
发布时间:2016-12-30 来源:查字典编辑
摘要:主要解决了浏览器兼容,现在可以兼容IE678FF谷歌(废话)IE浏览器里,this指向问题。直接上代码吧!复制代码代码如下:varbind=...

主要解决了

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

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类