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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
Javascript学习笔记4 Eval函数
Jan 11 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
微信小程序和百度的语音识别接口详解
May 06 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如何实现不借助IDE快速定位行数或者方法定义的文件和位置
2017/01/17 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
使用JavaScript 实现的人脸检测
2015/03/24 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
Javascript中八种遍历方法的执行速度深度对比
2017/04/25 Javascript
一个简易时钟效果js实现代码
2020/03/25 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
2018/01/27 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
js实现详情页放大镜效果
2020/10/28 Javascript
python批量制作雷达图的实现方法
2016/07/26 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
如何利用find命令查找文件
2015/02/07 面试题
会计电算化专业个人的自我评价
2013/11/24 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
硕士论文致谢范文
2015/05/14 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
《植树问题》教学反思
2016/03/03 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL
Python字符串的转义字符
2022/04/07 Python
win10清理dns缓存
2022/04/19 数码科技
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle