2

我想更改按下按钮时默认发生的情况 - 我需要防止按钮被双击。

一种选择是将按钮绑定到的函数包装在下划线的 _.once() 或 _.throttle() 中，但如果在堆栈的更高层处理它会更好。

所以我发现了这个问题：knockoutjs overriding bindinghandlers和答案中引用的小提琴（http://jsfiddle.net/rniemeyer/PksAn/）并试图用它做点什么。下面是小提琴的原始代码。

(function(){
var originalInit = ko.bindingHandlers.click.init,
    originalUpdate = ko.bindingHandlers.click.update;

ko.bindingHandlers.click = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
        var wrappedValueAccessor = function() {
            return function(data, event) {
                ko.bindingHandlers.click.preOnClick.call(viewModel, data, event);
                valueAccessor().call(viewModel, data, event);
                ko.bindingHandlers.click.postOnClick.call(viewModel, data, event);
            };
        };

        originalInit(element, wrappedValueAccessor, allBindingsAccessor, viewModel);
    },
    update: originalUpdate,
    preOnClick: function(data, event) {
    },
    postOnClick: function(data, event) {
    }
};
})();

我尝试用 _.throttle() 包装 WrappedValueAccessor，也尝试包装嵌套函数，但结果表明 valueAccessor() 每次都返回一个新函数，我认为这就是我应该包装的。

该代码在这里：（来自从第 2043 行开始的 knockout-2.2.1.debug.js）

function makeValueAccessor(bindingKey) {
    return function () { return parsedBindings[bindingKey] }
}

这意味着我必须进入淘汰赛的内部，这似乎是错误的。

所以我的问题是，我的想法是正确的还是方法完全错误。有一个更好的方法吗？

4

1 回答 1

3

您可以创建返回debounce的处理函数的一个版本valueAccessor并将其存储，然后从函数中返回该去抖动版本wrappedValueAccessor：

init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
    var debouncedAccessor = _.debounce(valueAccessor(), 800, true)
    var wrappedValueAccessor = function() {
        return debouncedAccessor;
    };        
    originalInit(element, wrappedValueAccessor, allBindingsAccessor, viewModel);
},

演示JSFiddle。

于 2013-09-30T11:28:17.590 回答