zoukankan      html  css  js  c++  java
  • 事件模块的演变(4)

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


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

    <div id="d1" style="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);
    

    event-v0.1

  • 相关阅读:
    First duplicate value
    SQL学习笔记day1
    Find closest value in BST
    BST construction
    Closest sum_pair
    滑动窗口 sliding window
    设计模式(3)观察者模式
    设计模式(1)装饰模式总结
    深刻探讨public class=new class();
    与时间赛跑,我的2012
  • 原文地址:https://www.cnblogs.com/snandy/p/2009729.html
Copyright © 2011-2022 走看看