javascript - 将点击事件绑定到容器，但从事件逻辑中排除容器内的元素

Question

<div style="width:200px; height:200px; background:blue;">
    <!-- Other markup -->
    <button type="button">Special Button</button>
</div>

(function ($) {
    $("div").click(function () {
        alert('fired');
        // Don't fire when the button is clicking!
    });
}(jQuery));

单击按钮时，如何构建代码/html以不触发“div”单击绑定？这是一个可以玩的jsfiddle 。

Answer 1

您需要防止事件从按钮传播

$('div button').click(function(event){
    event.stopPropagation()
})

演示：小提琴