JavaScript跨浏览器的添加删除事件绑定函数

javascript跨浏览器添加事件绑定 bind()

IE 的事件绑定函数是 attachEvent;而 Firefox, Safari 是 addEventListener;Opera 则两种都支持。使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是使用下面的封装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);
摘自:http://www.js8.in/408.html

posted on 2010-08-11 08:30 飞熊 阅读(799) 评论(0)  编辑  收藏 所属分类: javaScript


只有注册用户登录后才能发表评论。


网站导航:
 
<2010年8月>
25262728293031
1234567
891011121314
15161718192021
22232425262728
2930311234

导航

统计

常用链接

留言簿(1)

随笔分类

随笔档案

文章分类

文章档案

收藏夹

搜索

最新评论

阅读排行榜

评论排行榜