我当然可以将 .inner
层从 .main
层中取出
然后对另一个包装器使用绝对位置,即 .outer
层
将其放置在相同的位置,这将阻止它触发 .main
点击事件。
但我想知道是否有一种更简单的方法来避免两个 child 都触发两个点击事件
元素和父元素触发点击事件。
最佳答案
您可以使用stopPropagation()
$(document).ready(function() {
$('.outer').on("click",".main",function() { alert('main clicked'); })
$('.outer').on("click",".inner",function(e) {e.stopPropagation(); alert('inner clicked'); })
});
关于javascript - 如何仅针对单击的图层而不是其父图层触发单击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10859018/