事件模块的演变（4）

上一篇解决了IE6/7/8中同一个类型事件的多个handler执行无序的情况，为此改动也是较大的。实现几乎与前一个版本完全不同。但好处也是明显的。

有时需要添加只执行一次的事件handler，为此给add方法添加第四个参数one，one为true则该事件handler只执行一次。

?

1 2 3 4 5 6

<div id="d1" style="width:200px;height:200px;background:gold;"></div> <script> var el = document.getElementById('d1'); function handler(){alert(5)} E.add(el, 'click', handler, true); </script>

再扩展下remove函数。

1，删除元素type类型的所有监听器(参数传el，type)

2，删除元素所有的监听器(仅传el)

比如当给一个el添加了3个click事件的handler，1个mouseover事件的handler

?

1 2 3 4 5 6 7 8

function handler1(){alert('1');} function handler2(){alert('2');} function handler3(){alert('3');} function handler4(){alert('4');} E.add(el, 'click', f1); E.add(el, 'click', f2); E.add(el, 'click', f3); E.add(el, 'mouseover', f4);

使用以下语句将删除元素click的所有handler

?

E.remove(el, 'click');

以下将删除元素身上所有的事件handler，包括click和mouseover

?

E.remove(el);

event-v0.1