Jquery create Double Click event on A Href

Question

Guys is it possible to create double click event for the a href using jquery

Answer 1

The problem with performing an action on double click of an anchor is that the page will redirect on the first click, preventing the double click from responding in time.

If you want to "intercept" the click event so that the double click event has a chance to fire before the page redirects, then you may have to set a timeout on the click like this:

$('a').click(function () {
    var href = $(this).attr('href');

    // Redirect only after 500 milliseconds
    if (!$(this).data('timer')) {
       $(this).data('timer', setTimeout(function () {
          window.location = href;
       }, 500));
    }
    return false; // Prevent default action (redirecting)
});

$('a').dblclick(function () {
    clearTimeout($(this).data('timer'));
    $(this).data('timer', null);

    // Do something else on double click

    return false;
});

Demo: http://jsfiddle.net/4788T/1/

Answer 2

if you a link has id of "id", then:

$("#id").bind("dblclick", ....);