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-30 15:06:48Z

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, 2014 at 15:06

answered Mar 30, 2014 at 14:59

Amit Joki

59.4k7 gold badges80 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Eric Over a year ago

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?

Amit Joki Over a year ago

No, both will have registered.

Eric Over a year ago

That explains it! In my "real" code, my alert was getting in the way.

Amit Joki Over a year ago

yeah, that's true. You got it

Collectives™ on Stack Overflow

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

1 Answer 1

What happens on a double click?

What happens on a single click?

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

What happens on a double click?

What happens on a single click?

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related