javascript - シングルクリックではなくダブルクリックでリンク (タグ) をトリガーする方法は?

Question

すべてのホバー効果を維持しながら、ダブルクリックした場合にのみ (別のページへの) タグ リンクをトリガーする方法はありますか? ありがとう！

純粋なJavaScriptの答えはありますか? (jQuery なし)

Answer 1

私はこれを持ってきました（jQueryなしで、onclickイベントハンドラーのみを使用）：

  var clicked=false;
  var el = document.getElementById('link');
  var maxClicksDelay = 500; // in milliseconds 
  el.onclick = function(e) {
    if(!clicked) {
    clicked = true;
    setTimeout(function() { clicked = false}, maxClicksDelay );  
    e.preventDefault();
    }

  }

jsfiddle

Answer 2

ダブルクリック オプションでリンクを処理する属性を追加することをお勧めします。

<a href='http://...' dblclick>Link</a>
                     ^^^^^^^^

HTML ドキュメントの最後に次の行を追加して、特定の 'dblclick' 属性を持つアンカーを見つけます。

<script type='text/javascript'>
  $(function(){
    $('a[dblclick]').click(function(e){
       return false; // disable single click
    }).dblclick(function(e){
       window.location = this.href; // on double click go to the URL from href value
    })
  })
</script>