javascript - Knockout バインディングのストリップ要素

Question

私はおそらく正しく尋ねるのに苦労しているので、これを達成する方法を理解するのに苦労しているという簡単な質問-

divをクリックすると、1つのアクションを実行したいのですが、div内にネストされたボタンがある場合、両方ではなくそのアクションのみを実行したいです。

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

score 2 · Accepted Answer

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バインディングのドキュメントも参照してください:注 4: イベントがバブリングしないようにする

1 に答える 1