How might I handle a double click event using jQuery?

Question

Is there a way to bind an event handler to a double click with jQuery instead of single click?

Answer 1

Sure, you can use the $.dblclick() method:

$(".foo").dblclick(function(){
  // do something
});

Answer 2

Sure, jQuery has a dblclick() event:

$("div").dblclick(function() {
  alert("double clicked");
});

One warning, from the docs:

It is inadvisable to bind handlers to both the click and dblclick events for the same element