JS 事件绑定函数代码
更新时间：2010年04月28日 19:18:30 作者：
JS 事件绑定函数代码，解决了浏览器兼容，现在可以兼容IE6 7 8 FF 谷歌
主要解决了
浏览器兼容，现在可以兼容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个函数")});
代码很简单，不用多解释。用用就知道了。呵呵。
浏览器兼容，现在可以兼容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中的时间处理小结的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要为大家详细介绍了微信小程序自定义用户登录弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要为大家详细介绍了JavaScript探测CSS动画是否已经完成的方法，感兴趣的小伙伴们可以参考一下2016-08-08
JavaScript中object和Object的区别(详解)
下面小编就为大家带来一篇JavaScript中object和Object的区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
滑块验证码是在网站、APP等应用中常见的一种验证方式，通过按照一定规则滑动滑块到指定位置完成验证，才可以进行下一步操作，本文给大家分享基于JavaScript实现拼图式滑块验证功能，感兴趣的朋友一起看看吧2022-06-06
这篇文章主要为大家详细介绍了如何使用JavaScript实现一个基于一定时间间隔连续执行任务队列的功能,文中的示例代码讲解详细,需要的小伙伴可以参考下2023-11-11
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
这篇文章主要介绍了如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了js前端传json后台接收‘‘被转为"的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
JavaScript,Table,排序,order,attribute,property,sort,Compare2009-05-05
JavaScript作为一门解释执行的脚本语言,其变量作用域与传统编译型语言有着明显的区别,本文将详细介绍JavaScript中变量的作用域规则,以及利用闭包实现的常见作用域应用场景,帮助读者进一步掌握JavaScript编程,感兴趣的朋友跟随小编一起看看吧2024-01-01
最新评论