<html>
<head>
<title>00</title>
<script type="text/javascript" charset="utf-8">
function show(sText){
var oDiv=document.getElementById("display");
oDiv.innerHTML+=sText;
}
window.onload=function(){
var mbody=document.getElementById("mbody");
var mdiv=document.getElementById("mdiv");
var mp=document.getElementById("mp");
//冒泡型事件
mbody.addEventListener("click",function(){show('body<br/>')},false);
mdiv.addEventListener("click",function(){show('div<br/>')},false);
mp.addEventListener("click",function(){show('p<br/>')},false);
//捕获型事件
/*
mbody.addEventListener("click",function(){show('body<br/>')},true);
mdiv.addEventListener("click",function(){show('div<br/>')},true);
mp.addEventListener("click",function(){show('p<br/>')},true);
*/
}
</script>
</head>
<body id="mbody">
<div id="mdiv">
<p id="mp" >click me</p>
</div>
<div id="display">
</div>
</body>
</html>