document.write('解析：
（1）事件冒泡。在一个对象上触发某类事件（比如单击 onclick 事件），如
果该对象定义了此事件的处理程序，那么此事件就会调用这个处理程序 ；如果
没有定义此事件处理程序或者事件返回 true，那么这个事件会向这个对象的父级
对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或
者它到达了对象层次的顶层，即 document 对象（有些浏览器是 window）。
（2）事件委托的实现方法。通俗地讲，onclick、onmouseover、onmouseout
等就是事件。而委托，就是让别人来做，这个事件本来是加在某些元素上的，
然而你却加到别人身上来做，以完成这个事件。也就是 ：利用冒泡的原理，把
事件加到父级上，触发执行效果。
（3）事件委托的原理。事件委托，其实从名字上就很好理解，就是自己的
事件交给别人去做，即将事件委托给别人。
（4）事件委托的优点。比如有很多 li 元素，我们想为每一个 li 元素注册一
个单击事件，当然你可以将每个元素挨个进行注册，但是如果有 100 个或者更
多个 li 元素的话，这绝对是一项海量的工作，如果我们利用冒泡原理，将事件
委托给 li 元素的父级元素处理，那么无论有多少个 li 元素，都能够轻松搞定。
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" />
<title> 耶耶耶 </title>
<style type="text/css">
ul{
list-style:none;
}
</style>
<script type="text/javascript">
window.onload=function(){
var obox=document.getElementById("box");
var oshow=document.getElementById("show");
obox.onclick=function(ev){
var ev=ev||window.event;
var target=ev.target||ev.srcElement;
oshow.innerHTML=target.innerHTML;
}
}
</script>
</head>
<body>
<div id="show"></div>
<ul id="box">
<li> 一 </li>
<li> 二 </li>
<li> 三 </li>
<li> 四 </li>
</ul>
</body>
</html>
');