事件委托

• 1、什么是事件委托
  将自己的事件交给父元素来处理,它是根据事件的三个阶段(事件捕获，事件触发，事件冒泡)来实现的。

• 2、事件委托的作用
  减少内存的存储，提高性能。

• 3、实现事件委托

<ul id="lbar">
    <li id="first"></li>
    <li id="second"></li>
</ul>
<script type="text/javascript">
    var ul = document.getElementById("lbar");//获取lbar元素
    ul.addEventListener("onclick", function(event){
        var target = event.target.id;
        switch(id){
            case 'first' :
                {
                    handlerFirst();
                    break;
                }
            case 'second' :
                {
                    handlerSecond();
                    break;
                }
        }
        //event.stoppropagation();//阻止事件冒泡
    }, false); //以冒泡的形式，处理事件
</script>