JS 事件绑定函数代码


Posted in Javascript onApril 28, 2010

主要解决了

浏览器兼容,现在可以兼容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 相关文章推荐
JQuery下关于$.Ready()的分析
Dec 13 Javascript
js调试工具Console命令详解
Oct 21 Javascript
c#+jquery实现获取radio和checkbox的值
Sep 12 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 Javascript
javascript文本模板用法实例
Jul 31 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
Jul 11 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
javaScript checkbox 全选/反选及批量删除
Apr 28 #Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
Apr 27 #Javascript
jQuery EasyUI 中文API Layout(Tabs)
Apr 27 #Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 #Javascript
jQuery 表格插件整理
Apr 27 #Javascript
jquery 事件对象属性小结
Apr 27 #Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 #Javascript
You might like
php获取服务器信息的实现代码
2013/02/04 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python 除法小技巧
2008/09/06 Python
Python内置的字符串处理函数整理
2013/01/29 Python
python端口扫描系统实现方法
2014/11/19 Python
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
python 读入多行数据的实例
2018/04/19 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python pip配置国内源的方法
2020/02/14 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
学校政风行风评议工作总结
2014/10/21 职场文书
2014年班干部工作总结
2014/11/25 职场文书
2015年爱国卫生工作总结
2015/04/22 职场文书
同事去世追悼词
2015/06/23 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers