JavaScript实现跨浏览器的添加及删除事件绑定函数实例
本文实例讲述了JavaScript实现跨浏览器的添加及删除事件绑定函数。分享给大家供大家参考。具体如下:
IE的事件绑定函数是attachEvent;而Firefox,Safari是addEventListener;Opera则两种都支持。使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是使用下面的封装bind()函数。
添加事件绑定bind()
/************************************ *添加事件绑定 *@paramobj:要绑定事件的元素 *@paramtype:事件名称。不加"on".如:"click"而不是"onclick". *@paramfn:事件处理函数 ************************************/ functionbind(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添加一个点击事件:
varfn=function(){ alert("Hello,World!!"); }; bind(document,"click",fn);
删除事件绑定unbind()
unbind()对于上面的bind()函数
/************************************ *删除事件绑定 *@paramobj:要删除事件的元素 *@paramtype:事件名称。不加"on".如:"click"而不是"onclick" *@paramfn:事件处理函数 ************************************/ functionunbind(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程序设计有所帮助。