javascript中事件对象注册与删除

事件对象

注册事件

1. 直接给dom对象设置属性，只能给对象设置一个属性，如果设置多个事件处理函数，则最后的生效；
2. 给html标签设置属性，（若法1和法2同时使用，则法1生效）；
3. 事件注册
   绑定事件监听函数
   addEventListener("click", fun, false); 兼容火狐、google、ie9；
   attachEcent("onclick", fun); 兼容ie8及以下。
   绑定事件监听函数可以和前面两个同时使用

删除事件

1. btn.onclick = null; 将事件置空，删除事件，可以使用在火狐，google，ie所有浏览器，但不能删除通过绑定监听函数设置的监听事件
2. removeEventListener 删除事件，兼容火狐，google，ie9

修改this的指向

call函数

​ fun.call(参数1，参数2， 参数3， ...)
执行fun函数，并且将参数1的值赋给this，参数2，参数3作为实参传递给形参。

apply函数

​ fun.apply(参数1，[参数2， 参数3， ...])
执行fun函数，并且将参数1的值赋给this，参数2，参数3作为实参传递给形参，以数组形式传递。

注册事件兼容写法

/*
   参数:
       给谁添加
       事件类型
       处理函数

       适配标准浏览器和IE低版本
   */
function addEvent(target, type, handler) {
    if (target.addEventListener) {
        target.addEventListener(type, handler, false);
    } else {
        window[handler] = function () {
            handler.call(target);
        }
        target.attachEvent("on" + type, window[handler]);
    }
}

删除事件兼容写法

//删除事件
function removeEvent(target, type, handler) {
    if (target.removeEventListener) {
        target.removeEventListener(type, handler, false);
    } else {
        target.detachEvent("on" + type, window[handler]);
    }
}

转载于:https://www.cnblogs.com/Yancyzheng/p/10461063.html