事件绑定

1.事件绑定

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 );

}

//bind(window,'deviceorientation',handleOrientation);

bind(document, "click", test);

function test(){

alert("11")

}

/************************************

* 删除事件绑定

* @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',test);

参考链接

https://segmentfault.com/a/1190000002464814

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容