Why doesn't jquery bind click and double click events separately?

Question

I've been trying to add separate click and double-click events to a span tag such as:

    $( document ).ready(function(){

    $("span").dblclick(function(){alert("b");});
    $("span").click(function(){alert("a");});

     });

After much (much!) headbanging, I found the solution here. To be honest, it seems a bit surprising that jquery doesn't do this automatically. Can someone provide an example as to why a person wouldn't want them to be bound separately?

Amit Joki · Accepted Answer · 2014-03-30T15:06:48.433

1

Actually, jquery does bind them separately.

It also works correctly.

You have to use console.log since alert disturbs the code execution.

What happens on a double click?

When you use console.log you'll get 2 a since a double click has 2 clicks

and 1 b since only a single double click.

What happens on a single click?

Only .click() will be executed.

edited Mar 30 '14 at 15:06

answered Mar 30 '14 at 14:59

Amit Joki

58,320
7
77
95

So, if I click once, that's the ONLY event that will register? In other words, once clicked, jquery won't look for other non-single click events? – Eric Mar 30 '14 at 15:04
No, both will have registered. – Amit Joki Mar 30 '14 at 15:05
That explains it! In my "real" code, my alert was getting in the way. – Eric Mar 30 '14 at 15:07
yeah, that's true. You got it – Amit Joki Mar 30 '14 at 15:08

Why doesn't jquery bind click and double click events separately?

1 Answers1

What happens on a double click?

What happens on a single click?