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个函数")});
代码很简单，不用多解释。用用就知道了。呵呵。
相关文章
这篇文章主要介绍了js游戏人物上下左右跑步效果，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
javascript利用apply和arguments复用方法
这篇文章主要介绍了javascript利用apply和arguments复用方法，有需要的朋友可以参考一下2013-11-11
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
这篇文章主要介绍了GitHub上一些实用的JavaScript的文件压缩解压缩库推荐,推荐的这几个都是支持zip格式的,需要的朋友可以参考下2016-03-03
下面小编就为大家带来一篇js实现图片粘贴上传到服务器并展示的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要为大家介绍了JavaScript的Set数据结构，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
这篇文章主要介绍了js如何操作输入框中选择的内容兼容IE及其他主流浏览器,需要的朋友可以参考下2014-04-04
参数有中包含空格且使用Post提交时须将空格转换成加号,这样后台程序接受到的才是真正的空格,感兴趣的朋友可以了解下2013-01-01
这篇文章主要为大家详细介绍了微信分享调用jssdk实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
本文主要介绍了uniapp实现支付功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-05-05
提示不难做，那个三角号样式很难调兼容，死了好多脑细胞预览主窗口提示错位，保存本地测比较好。2011-04-04
最新评论