js事件绑定'求高手解答
phpcn_u699
phpcn_u699 2017-03-06 13:26:40
0
2
791
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;


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


phpcn_u699
phpcn_u699

Antworte allen(2)
数据分析师

js事件绑定'求高手解答-PHP中文网问答-js事件绑定'求高手解答-PHP中文网问答

围观一下哦,学习一下。

巴扎黑

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

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

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


Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage