knockoutjs：イベントはありませんハンドラ

Question

を持つ要素のためにバブリング防ぐことが<event>のために（注参照）a defined event handlerがあるときのみ動作結合<event>Bubble: falseのように思えます。

fiddleの例を示します。特定のイベントのためのネイティブハンドラを有する要素については

（例えばクリック：<textarea>、<a>、<select>など）のネイティブハンドラで十分で、私は結合、例えば、それらの上にclickBubble: false、なくてもバインドする設定を期待します"偽の"ハンドラを動作させる。

私の質問は、余分なバインディングなしにこれを達成するためのもう1つのノックアウト方法はありますか？

Answer 1

Bubbleハンドラは実際のバインディングハンドラではなく、eventバインディング（clickバインディングコールeventバインディング）のオプションとして使用されます。だから、彼らは自分で走っていない。

したがって、 "偽の"ノーオペレーションハンドラを追加してclickBubbleを使用するか、カスタムバインディングを作成してこれを行うことができます。

たぶんのようなもの：

ko.bindingHandlers.preventBubble = { 
    init: function(element, valueAccessor) { 
     var eventName = ko.utils.unwrapObservable(valueAccessor()); 
     ko.utils.registerEventHandler(element, eventName, function(event) { 
      event.cancelBubble = true; 
      if (event.stopPropagation) { 
       event.stopPropagation(); 
      }     
     }); 
    }   
}; 

そしてちょうど置く：

<input data-bind="preventBubble: 'click'" /> 

をあなたはまた、必要に応じて、イベントの配列を受け入れるために、さらにそれを高めることができます。

サンプル：http://jsfiddle.net/rniemeyer/WcXwZ/