jquery - knockoutjs 单击和双击

Question

我希望能够将单击和双击事件绑定(bind)到一段文本。我知道我可以使用

data-bind ="event: { dblclick: doSomething }

双击，但我还需要能够在单击时执行不同的功能。有什么建议吗？

Answer 1

<div data-bind="singleClick: clicked, event : { dblclick: double }">
    Click Me
</div>

这将过滤掉同时也是双击的单击。

ko.bindingHandlers.singleClick= {
    init: function(element, valueAccessor) {
        var handler = valueAccessor(),
            delay = 200,
            clickTimeout = false;

        $(element).click(function() {
            if(clickTimeout !== false) {
                clearTimeout(clickTimeout);
                clickTimeout = false;
            } else {        
                clickTimeout = setTimeout(function() {
                    clickTimeout = false;
                    handler();
                }, delay);
            }
        });
    }
};

Here是一个演示。