jquery - JqueryはA Hrefでダブルクリックイベントを作成します

Question

みんなはjqueryを使ってa hrefのダブルクリックイベントを作成することが可能です

Answer 1

アンカーのダブルクリックでアクションを実行する際の問題は、最初のクリックでページがリダイレクトされ、ダブルクリックが時間内に応答しないことです。

ページがリダイレクトされる前にダブルクリックイベントが発生する可能性があるようにクリックイベントを「インターセプト」したい場合は、次のようにクリックでタイムアウトを設定する必要があります。

$('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;
});

デモ: http://jsfiddle.net/4788T/1/

Answer 2

aリンクの ID が「id」の場合:

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