剥离绑定的剥离元素

Question

快速提问我可能只是很难正确地询问，因此很难弄清楚如何实现这一点 -

http://jsfiddle.net/RsKUS/

当我点击div时，我想采取一个动作，但如果有一个嵌套在div中的按钮，我只想执行该动作，而不是两者。

<div data-bind="click: clickOne">
    <p>It's here too...</p>
    <button data-bind="click: clickTwo">Child</button>
</div>

Answer 1

您需要在内部处理程序上设置clickBubble: false以防止点击事件冒泡：

<div data-bind="click: clickOne">
    <p>It's here too...</p>
    <button data-bind="click: clickTwo, clickBubble: false">Child</button>
</div>

演示JSFiddle。

另请参阅click绑定文档：Note 4: Preventing the event from bubbling