javascript - 如何仅针对单击的图层而不是其父图层触发单击事件

Question

Fiddle

我当然可以将 .inner 层从 .main 层中取出然后对另一个包装器使用绝对位置，即 .outer 层将其放置在相同的位置，这将阻止它触发 .main 点击事件。但我想知道是否有一种更简单的方法来避免两个 child 都触发两个点击事件元素和父元素触发点击事件。

Answer 1

您可以使用stopPropagation()

$(document).ready(function() {
    $('.outer').on("click",".main",function() { alert('main clicked'); })
    $('.outer').on("click",".inner",function(e) {e.stopPropagation(); alert('inner clicked'); })
});

http://jsfiddle.net/5xvkM/6/