js事件绑定总结

Posted 2020-07-19

• 在 chrome  opera  safari 中

1. 1. 添加：oBtn.addEventListener("click", fn, false);

   2. 移除：oBtn.removeEventListener("click", fn, false);

   注意事项：

A:fn为匿名函数式无法移除的，道理简单

B：false:在冒泡阶段调用事件处理函数

C：移除的事件意义是清楚内存

 

---

 

• 在IE 中

• 1. 1. 添加：obj.attachEvent(onclick, fn);

     2. 移除：obj.detachEvent(onclick, fn);

     注意事项：

  A:fn为匿名函数式无法移除的，道理简单;

  B:注意与其他浏览器的区别：他是需要(on+events);

• ---

• 兼容模式

• function eventMethod(obj,events,fn){
          if(obj.addEventListener){
          obj.addEventListener(events, aa, false);
          obj.addEventListener(events, bb, false);
      }
      else{
          obj.attachEvent("on"+events, aa);
          obj.attachEvent("on"+events, bb);
      }
      }
      eventMethod(oBtn,"mouseover",aa);
      eventMethod(oBtn,"mouseover",bb);