对于没有处理程序的元素，防止事件冒泡

Question

绑定<event>Bubble: false似乎只在定义的事件处理程序 (参见注释4)用于<event>时才能工作。

下面是一个例子小提琴。

对于具有特定事件的本机处理程序(例如，单击：<textarea>、<a>、<select>等)的元素，只要本机处理程序就足够了，我希望在它们上设置绑定(例如，clickBubble: false )，而不必绑定“伪”处理程序。

我想我的问题是，在没有额外绑定的情况下，是否还有另一种可行的方法来实现这一目标呢？

Answer 1

Bubble处理程序不是实际的绑定处理程序，在event绑定中用作选项(click绑定调用event绑定)。所以，他们不是自己跑的。

因此，您可以添加一个“虚假”的非op处理程序，并使用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/