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 相关文章推荐
5款Javascript颜色选择器
Oct 25 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
js插件Jcrop自定义截取图片功能
Oct 14 Javascript
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
jQuery中库的引用方法
Jan 06 jQuery
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
Vue动态获取width的方法
Aug 22 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 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/11/16 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
原生js实现节日时间倒计时功能
2017/01/18 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
JS实现多物体运动的方法详解
2018/01/23 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
python生成excel的实例代码
2017/11/08 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
Win10环境中如何实现python2和python3并存
2020/07/20 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
应届生简历中的自我评价
2014/01/13 职场文书
优秀教师获奖感言
2014/01/31 职场文书
某某同志考察材料
2014/05/28 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
2014年终个人工作总结
2014/11/07 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers