knockoutjs single and double click

Question

I want to be able to bind a single and double click event to a span of text. I know I can use

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

for a double click, but I also need the ability to perform a different function on single click. Any suggestions?

Answer 1

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

This will filter out the single clicks that are also double clicks.

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 is a demo.