Js中事件委托的实现

**

加粗样式

**
我们首先来看下面一段程序（定义了一个无序列表，其中包括三个li标签）：

<ul id="myLinks">
  <li id="goSomewhere">Go somewhere</li>
  <li id="doSomething">Do something</li>
  <li id="sayHi">Say Hi</li>
</ul>

接下来，我们分别为三个li添加点击事件（传统的方法如下）：

window.onload=function ()
{
 var oUl=document.getElementById("myLinks");
 var oLi=oUl.getElementsByTagName("li");
 for (var i=0;i<oLi.length;i++)
 {
   oLi[i].onclick=function()
   {
     alert("Hello,Wrold");
   }
 }
}

我们通过遍历ul中的每个li，为其添加点击事件，虽然能实现预期的效果，但是假设我们有1000个li需要添加点击事件呢？这个时候我们可以使用事件委托来实现，事件委托利用了冒泡，我们使用事件委托只为<ul>元素添加一个onclick的点击事件处理程序，由于所有列表元素都是ul元素的子节点，