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 相关文章推荐
jQuery实用基础超详细介绍
Apr 11 Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
javascript事件模型介绍
May 31 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
jquery.cookie.js的介绍与使用方法
Feb 09 Javascript
JS触摸与手势事件详解
May 09 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
Javascript中的this,bind和that使用实例
Dec 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
用PHP调用数据库的存贮过程
2006/10/09 PHP
PHP关联链接常用代码
2012/11/05 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
详解Vue-axios 设置请求头问题
2018/12/06 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
python算法学习之计数排序实例
2013/12/18 Python
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
Watchshop德国:欧洲在线手表No.1
2019/06/20 全球购物
《英英学古诗》教学反思
2014/04/11 职场文书
企业晚会策划方案
2014/05/29 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
2015年妇产科工作总结
2015/05/18 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书
人与自然的观后感
2015/06/18 职场文书
超市员工管理制度
2015/08/06 职场文书
辞职信怎么写?
2019/05/21 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python
Promise面试题详解之控制并发
2021/05/14 面试题