事件委托就是利⽤事件冒泡，只指定⼀个事件处理程序，就可以管理某⼀类型的所有事件
    在绑定⼤量事件的时候往往选择事件委托

    1. <ul id="parent">
    2. <li class="child">one</li>
    3. <li class="child">two</li>
    4. <li class="child">three</li>
    5. ...
    6. </ul>
    7. <script type="text/javascript">
    8.     //⽗元素
    9.     var dom= document.getElementById('parent');
    10.     //⽗元素绑定事件，代理⼦元素的点击事件
    11.     dom.onclick= function(event) {
    12.         var event= event || window.event;
    13.         var curTarget= event.target || event.srcElement;
    14.         if (curTarget.tagName.toLowerCase() == 'li') {
    15.         //事件处理
    16.         }
    17.     }
    18. </script>

    优点:

    • 节省内存占⽤，减少事件注册
    • 新增⼦对象时⽆需再次对其绑定事件，适合动态添加元素

    局限性:

    • focus、blur 之类的事件本身没有事件冒泡机制，所以⽆法委托
    • mousemove、mouseout 这样的事件，虽然有事件冒泡，但是只能不断通过位置去计算定位，对性能消耗⾼，不适合事件委托