给父容器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>

js里面也是讲究事件冒泡的,也就是子的事件,父类的是可以拦截的,1楼回答的很好,点赞