knockoutjs: verhindern sprudelnden Ereignis für Elemente ohne Handler

Question

Es ist wie die Bindung <event>Bubble: false scheint nur funktioniert, wenn es gibt a defined event handler (siehe Anmerkung 4) für <event>.

Hier ist ein Beispiel fiddle.

Für Elemente mit nativer Behandlungsroutinen für bestimmte Ereignisse (zB klicken: <textarea>, <a>, <select>, etc.), wo der native Handler genügt, würde ich erwarten, dass die Bindungseinstellung, zB clickBubble: false auf sich, ohne dass ein binden "falscher" Handler, um zu arbeiten.

Ich denke meine Frage ist, gibt es einen anderen Knockout Weg, um dies ohne zusätzliche Bindungen zu erreichen?

Answer 1

Die Bubble Handler sind nicht unbedingt verbindlich Handler und werden als Optionen in den event Bindung (click Bindung Anrufe event Bindung) verwendet. Sie laufen also nicht alleine.

So können Sie einen "falschen" No-Op-Handler hinzufügen und clickBubble verwenden, oder Sie könnten sicherlich eine benutzerdefinierte Bindung erstellen, um dies für Sie zu tun.

Vielleicht so etwas wie:

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(); 
      }     
     }); 
    }   
}; 

Und dann setzen gerade:

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

Sie auch es verbessern könnte weiter eine Reihe von Veranstaltungen zu übernehmen, falls erforderlich.

Beispiel: http://jsfiddle.net/rniemeyer/WcXwZ/