javascript - js事件绑定'求高手解答?

问题描述

问 题

window.onload = function () {
    var oButton = document.getElementById('button');
    addEvent(oButton, 'click', fn1); 
};

function fn1(e) {
    alert('1');
};

function addEvent(obj, type, fn) {
    if (typeof obj.addEventListener != 'undefined') {
        obj.addEventListener(type, fn, false);
    } else{
        if(!obj.events) obj.events={};
        if(!obj.events[type]){
            obj.events[type] = [];
            if(obj['on'+type]) obj.events[type][0] =fn; // ？？问题在这里
        }
        obj.events[type][addEvent.ID++] = fn; 
        obj['on'+type]=function(){
            for(var i in obj.events[type]){
                obj.events[type][i]();
            }
        }
    }
};

addEvent.ID=1; 

为什么要做判断事件存不存在'这句话是不是多余。

解决方案

看这代码，应该是李炎恢写的。他的这句代码写的有问题的，初衷应该是如果前面有用过on+type绑定过的事件，把它存起来，防止后面自己封装的方法给覆盖了。

所以你有疑问的那一句赋值语句等号右边不该是fn而是obj['on'+type]。

你可以尝试个例子，先给一个dom元素用onclick绑定一个事件监听函数，然后再用封装的方法绑定另一个事件监听函数，点击一下dom元素，会导致后面绑定的执行两次。

这篇关于javascript - js事件绑定'求高手解答?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！