jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 防止重叠HTML元素触发事件全部内容,希望文章能够帮你解决jquery – 防止重叠HTML元素触发事件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。