事件冒泡

<div id='box'>
<p id='content'></p>
</div>
<script type="text/javascript">
var box=document.getElementById('box');
var content=document.getElementById('content');
//attachEvent事件名称必须有on  //IE中使用
if(box.attachEvent){
box.attachEvent('onclick',function(){
alert('box被点击');
}); 
content.attachEvent('onclick',function(){
alert('bcontent被点击');
});
}else{
box.addEventListener('click',function(){
alert('box被点击')
},false);
content.addEventListener('click',function(){
alert('content被点击')
},false);
}


//******************************************
//封装
</script>