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中:disabled选择器用法实例
Jan 04 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
Javascript的console['']常用输入方法汇总
Apr 26 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
vue实现购物车案例
May 30 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 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+mysql留言本源码
2009/11/11 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
jquery图片上下tab切换效果
2011/03/18 Javascript
JS delegate与live浅析
2013/12/21 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
Bootstrap使用基础教程详解
2016/09/05 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
详解angularjs实现echart图表效果最简洁教程
2017/11/29 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
使用Python获取Linux系统的各种信息
2014/07/10 Python
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
Python实现可设置持续运行时间、线程数及时间间隔的多线程异步post请求功能
2018/01/11 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
Python使用线程来接收串口数据的示例
2019/07/02 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
jupyter notebook清除输出方式
2020/04/10 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
PHP面试题-$message和$$message的区别
2015/12/08 面试题
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
酒店中秋节活动方案
2014/01/31 职场文书
精神文明单位申报材料
2014/05/02 职场文书
村级换届选举方案
2014/05/10 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
结婚仪式主持词
2015/06/29 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书