您的位置:知识库 » Web前端

事件模块的演变

作者: snandy  来源: 博客园  发布时间: 2011-04-12 10:40  阅读: 2056 次  推荐: 0   原文链接   [收藏]  

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

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

<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:

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);
0
0
标签:JavaScript

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻