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)