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 相关文章推荐
JavaScript 函数式编程的原理
Oct 16 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
js中跨域方法原理详解
Jul 19 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
JavaScript中一些特殊的字符运算
Aug 17 Javascript
vuex如何重置所有state(可定制)
Jan 17 Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
通过Javascript创建一个选择文件的对话框代码
2012/06/16 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
2014/03/13 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
2015/01/13 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
JavaScript调试的多个必备小Tips
2017/01/15 Javascript
原生js轮播特效
2017/05/18 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
Python中用format函数格式化字符串的用法
2015/04/08 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python实现PS滤镜碎片特效功能示例
2018/01/24 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
Numpy之reshape()使用详解
2019/12/26 Python
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
环保建议书100字
2014/05/14 职场文书
初中政教处工作总结
2015/08/12 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书