事件代理（事件委托）

简述

事件代理就是在我们为一批元素添加事件的时候，可以将事件委托给父元素来触发事件。

优点

• 节省内存
• 可以对所有父元素下的子元素添加事件（包括原有的和后来添加的）

实例

    
    
        
     
我是第一个li
        
     
我是第二个li
        
     
我是第三个li
        
     
我是第四个li
        
     
我是第五个li
    
    
    

当我们想为 li标签 添加一个鼠标划上某一个 li 时改变背景颜色这一事件的时候，我们有许多种方法，我们可以利用css的hover可以实现：

li{        background:yellow;        border-bottom:3px solid blue;    }    li:hover{        background:red;    }

但是此方法在 ie6 并不适用，由于我们需要兼容所有浏览器，所以我们将其弃用，然后我们可以采用 js 方法进行实现：

我们利用 js 为 li标签添加事件    var lis = document.getElementsByTagName("li");    for(var i=0,l=lis.length;i