JS代理事件绑定

Question

<div id="div"> <a class="aa"  id="btn1" class="btn" href="www.baidu.com">1</a> <a class="aa" id="btn2" class="btn" href="www.baidu.com">2</a> <a class="aa" id="btn3" class="btn" href="www.baidu.com">3</a> <a class="aa"  id="btn4" class="btn"  href="www.baidu.com">4</a> </div> var div = document.getElementById('div') function bindEvent(elem,type,selector,fn){ if(fn == null){ fn = selector; selector = null; } elem.addEventListener(type,function(e){ var target = e.target; e.preventDefault() if(selector = null){ fn(e) }else{ if(target.matches(selector)){ fn.call(target,e) } } }) } bindevent(div, 'click', 'a', function(e) { alert(this.innerHTML) })                       //部分代码修改后             elem.addEventListener(type, function(e) {                var target = e.target;                e.preventDefault()       if(selector) {    if(target.matches(selector)) {  fn.call(target, e)   } } else { fn(e) } }) 如上代码，之前没有效果，后来只是将判断的顺序变了下，就好了，这是什么原因？求大神指点

Answer 1

selector = null   改为    selector == null

Answer 2

因为代码的执行是有顺序的，你这个触发事件然后根据id查找执行代码，你前面没有出现过id为。。。的代码，就找不到，就不能执行，要把id绑定的事件放在后面才能有效果

getElementById，就是根据id查找，如果你id=“”的代码后于这个执行，他就找不到