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的日期选择控件
Oct 27 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
ionic2.0双击返回键退出应用
Sep 17 Javascript
用js实现放大镜效果
Oct 28 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
消息持续发送的完整例子
2006/10/09 PHP
Zend的MVC机制使用分析(二)
2013/05/02 PHP
PHP实现动态web服务器方法
2015/07/29 PHP
js自带函数备忘 数组
2006/12/29 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014/02/12 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
python网络编程实例简析
2014/09/26 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
办公室保洁员岗位职责
2013/12/02 职场文书
企业管理毕业生求职信范文
2014/03/07 职场文书
代理协议书
2014/04/22 职场文书
2014年创卫工作总结
2014/11/24 职场文书
银行催款通知书
2015/04/17 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
python实现图片批量压缩
2021/04/24 Python
详解MySQL连接挂死的原因
2021/05/18 MySQL
python自动化八大定位元素讲解
2021/07/09 Python