Spotlight_mar
Spotlight_mar
2016-12-03 09:28
采纳率: 62.1%
浏览 3.4k

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

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

谢谢啦~

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • showbo
    已采纳

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

    
    
    <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>
    
    
    点赞 评论
  • omayyouhappy
    清澈@Cherry 2016-12-03 14:04

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

    点赞 评论

相关推荐