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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
DOM基础教程之使用DOM控制表格
Jan 20 Javascript
Javascript中replace()小结
Sep 30 Javascript
浅析javascript函数表达式
Feb 10 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
实例详解Node.js 函数
Jun 10 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
Nov 30 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
Javascript的一种模块模式
2008/03/22 Javascript
jquery UI 1.72 之datepicker
2009/12/29 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
理解javascript模块化
2016/03/28 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
iview的table组件自带的过滤器实现
2019/07/12 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
Python中操作文件之write()方法的使用教程
2015/05/25 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
任命书格式
2014/06/05 职场文书
捐款活动总结
2014/08/27 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
学校运动会加油词
2015/07/18 职场文书
决心书格式范文
2015/09/23 职场文书