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 日期常用的方法
Nov 11 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
JavaScript创建、读取和删除cookie
Sep 03 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压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php实现zip文件解压操作
2015/11/03 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
mac系统下为 php 添加 pcntl 扩展
2016/08/28 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
JavaScript事件委托技术实例分析
2015/02/06 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
Angular.JS学习之依赖注入$injector详析
2016/10/20 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
2016/12/13 Javascript
Js apply方法详解
2017/02/16 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
JavaScript实现区块链
2018/03/14 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
Python实现方便使用的级联进度信息实例
2015/05/05 Python
python实现蒙特卡罗方法教程
2019/01/28 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
外贸学院会计专业应届生求职信
2013/11/14 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
法律进企业活动方案
2014/03/04 职场文书
媒体宣传策划方案
2014/05/25 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
办理护照工作证明
2014/10/10 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书