How to differentiate single click event and double click event?

Asked 2011-03-31T08:24:17.930

173

I have a single button in li with id "my_id". I attached two jQuery events with this element

$("#my_id").click(function() { 
    alert('single click');
});

$("#my_id").dblclick(function() {
    alert('double click');
});

But every times it gives me the single click

javascript jquery jquery-events

Edit Report

1 Answer

The behavior of the dblclick event is explained at Quirksmode.

The order of events for a dblclick is:

The one exception to this rule is (of course) Internet Explorer with their custom order of:

As you can see, listening to both events together on the same element will result in extra calls to your click handler.

answered 2011-04-01T09:30:22.823