jquery – 防止重叠HTML元素触发事件

前端之家收集整理的这篇文章主要介绍了jquery – 防止重叠HTML元素触发事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有两个元素,一个嵌套在另一个元素中
<div id="outer">
    <div id="inner">
         <p>Lorem Ipsum</p>
    </div>
</div>

外部容器大于内部容器,实现模态覆盖布局.我想在外部暴露的表面注册一个点击事件,这将导致两个都被关闭,但是如果您点击内部的div,我不希望发生这种情况.

我正在使用jQuery delegate / stopPropagation,并尝试询问该元素以确保它是外部的div,但无济于事 – 它仍然收到外部事件.我正在考虑在内部div之外的打击区域进行手动起动,但是我想知道是否有更优雅的选择.

编辑:

几个好的解决方案贴在这里 – 非常感谢您的反馈!

解决方法

$("#inner").click(function(event){
  event.stopPropagation();
  // do something
});

这是一个小提琴:
http://jsfiddle.net/sajjansarkar/fA2sd/1/

猜你在找的jQuery相关文章