javascript-給父容器div添加點擊事件，中間的子div擋住部分觸發區域怎麼處理？

給父容器div添加點擊事件，中間的子div擋住部分觸發區域怎麼處理？

即如果把事件處理程序綁定到父容器，那麼裡面的子容器會擋住父容器，影響觸發點擊的區域，怎麼只添加一個事件處理程序就能使所有區域均是觸發區域？

謝謝啦~

最佳回答：

費就是父容器添加事件就行了，子容器事件會冒泡到父容器，你要判斷是點擊的子容器，自己判斷點擊對象是哪個就行了

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<div id='div1'>div1
<div id='div2'>
div2
</div>
<div id='div3'>
div3
</div>

</div>
<script>
$('#div1').click(function(e){
alert(e.target.id)
if(e.target.id!='div1')alert('子容器')
})
</script>