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 设计模式学习 Singleton
Jul 27 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
33道php常见面试题及答案
2015/07/06 PHP
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
js中传递特殊字符(+,&)的方法
2014/01/16 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
简单使用Python自动生成文章
2014/12/25 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
python3中eval函数用法使用简介
2019/08/02 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
详解HTML5常用的语义化标签
2019/09/27 HTML / CSS
Brookstone美国官网:独特新奇产品
2017/03/04 全球购物
经典c++面试题五
2014/12/17 面试题
护理专业个人求职简历的自我评价
2013/10/13 职场文书
音乐学个人的自荐书范文
2013/11/26 职场文书
期末自我鉴定
2014/02/02 职场文书
继承公证书
2014/04/09 职场文书
婚假请假条怎么写
2014/04/10 职场文书
大学生演讲稿
2014/04/25 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
教师求职自荐信
2015/03/26 职场文书