JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015-08-04 00:00
861 查看
本文实例讲述了JavaScript实现跨浏览器的添加及删除事件绑定函数。分享给大家供大家参考。具体如下:
IE 的事件绑定函数是 attachEvent;而 Firefox, Safari 是 addEventListener;Opera 则两种都支持。使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是使用下面的封装bind()函数。
添加事件绑定 bind()
/************************************ * 添加事件绑定 * @param obj : 要绑定事件的元素 * @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick". * @param fn : 事件处理函数 ************************************/ function bind( obj, type, fn ){ if( obj.attachEvent){ obj['e'+type+fn]= fn; obj[type+fn]=function(){ obj['e'+type+fn]( window.event); } obj.attachEvent('on'+type, obj[type+fn]); }else obj.addEventListener( type, fn,false); }
例如给document添加一个点击事件:
var fn=function(){ alert("Hello, World!!"); }; bind(document,"click", fn);
删除事件绑定 unbind()
unbind()对于上面的bind()函数
/************************************ * 删除事件绑定 * @param obj : 要删除事件的元素 * @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick" * @param fn : 事件处理函数 ************************************/ function unbind( obj, type, fn ){ if( obj.detachEvent){ obj.detachEvent('on'+type, obj[type+fn]); obj[type+fn]=null; }else obj.removeEventListener( type, fn,false); }
例如删除第一个绑定的document点击事件:
unbind(document,"click",fn);
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- JS实现转动随机数抽奖的特效代码
- JavaScript实现添加及删除事件的方法小结
- javascript将DOM节点添加到文档的方法实例分析
- JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
- JavaScript取得键盘按下方向键是哪个的方法
- JavaScript数组对象赋值用法实例
- 基于js实现投票的实例代码
- JS基于cookie实现来宾统计记录访客信息的方法
- JS之prototype基础篇
- 怎样截取JSp.EL表达式的字符串
- 没有文件扩展".js"的脚本引擎 解决办法
- javascript Promise
- 7 个 JavaScript 怪癖
- Javascript编程风格
- 探索Javascript异步编程
- 悟透JavaScript
- 解剖JavaScript中的null和undefined
- Javascript 原型链 __proto__
- javascript 为什么原型继承很重要
- 编写更加稳定、可读性强的JavaScript代码