js 原生事件委托

在给dom元素添加异步事件的时候，如果需要给子元素添加事件，有两种办法，
1.直接给该子元素添加事件；
2.给该子元素的父元素添加事件，再在回调中判断事件点击的对象；

第一种办法是实现起来简单，可是如果子元素较多，这种做会对性能有较大的影响，而且如果是动态添加的dom元素，那么还需要在添加的时候再手动添加事件。操作过于麻烦；下面就看下在原生js中怎么实现事件委托（jq实现简单，在此不做演示）；

    
    


    
    

        

            

                aaaaaaaa
                111111
            
          

            bbbbbbbb
            222222
          
          

            cccccccc
            333333
          
     
        
    

我们将点击事件添加到ul上，在点击li标签以及a标签，会将该事件冒泡到ul上面，从而触发ul的onmouseover事件，再在ul的事件中判断当前触发的对象是否是li标签。