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事件 delegate()使用方法介绍
Oct 30 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
fullpage.js最后一屏滚动方式
Feb 06 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
JS Math对象与Math方法实例小结
Jul 05 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的access操作类
2008/04/09 PHP
Laravel5中contracts详解
2015/03/02 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
vue常用指令代码实例总结
2020/03/16 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
django在开发中取消外键约束的实现
2020/05/20 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
python实现扫雷游戏的示例
2020/10/20 Python
python实现按日期归档文件
2021/01/30 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
一站式跨境收款解决方案:Payoneer(派安盈)
2018/09/06 全球购物
活动志愿者自荐信
2014/01/27 职场文书
留学顾问岗位职责
2014/04/14 职场文书
总经理人事任命书
2014/06/05 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
秋冬农业生产标语
2014/10/09 职场文书
毕业生见习报告总结
2014/11/08 职场文书
业务员岗位职责
2015/02/03 职场文书
前端JavaScript大管家 package.json
2021/11/02 Javascript
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸
Nginx配置根据url参数重定向
2022/04/11 Servers