给父容器div添加点击事件，中间的子div挡住部分触发区域怎么处理？

Question

即如果把事件处理程序绑定到父容器，那么里面的子容器会挡住父容器，影响触发点击的区域，怎么只添加一个事件处理程序就能使所有区域均是触发区域？

谢谢啦~

Answer 1

费就是父容器添加事件就行了，子容器事件会冒泡到父容器，你要判断是点击的子容器，自己判断点击对象是哪个就行了

<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>