ダブルクリックでリンクを開く

Question

ハイパーリンクの作成方法<a>Link</a>ダブルクリックリンク：i：eリンクはダブルクリックで開き、シングルクリックは何もしないでください。

Answer 1

がわかりましたので、あなたははこれを行うことができます：

HTML：

<a id='golink' href='gosomewhere.html'>Go Somewhere</a> 

JavaScriptを使用してjQueryのを：

jQuery(function($) { 
    $('#golink').click(function() { 
     return false; 
    }).dblclick(function() { 
     window.location = this.href; 
     return false; 
    }); 
}); 

Live copy

（IDである必要はありません。これを行うには、jQueryが処理できるセレクタをクラスまたはその他のもので処理することができます。

JavaScriptを無効にすると、リンクは正常に動作します。クローラは通常リンクを見つけます。ユーザーがJavaScriptを有効にすると、イベントハンドラが接続され、ダブルクリックが必要になります。

上記はそう、あなたはそれを処理する必要が、しかし、キーボードナビゲーションを吹き飛ばす：

jQuery(function($) { 
    $('#golink').click(function() { 
     return false; 
    }).dblclick(function() { 
     window.location = this.href; 
     return false; 
    }).keydown(function(event) { 
     switch (event.which) { 
      case 13: // Enter 
      case 32: // Space 
       window.location = this.href; 
       return false; 
     } 
    }); 
});​ 

Live copy

私は、これは、アクセシビリティのために良いです想像できない、と私は賭け、他のがあります上記のために調理されていないもの。これはすべてに送り込ま：

しかし、私はが強く、本当に良いユースケースなしでをやっに対してお勧めします。私は答えを探してきた、

<a ondblclick= "openLink('your_link')">Link</a> 

<script> 
function openLink(link) 
{ 
    location.href = link; 
} 
</script> 

OR

<a ondblclick="location.href='your_link'">Double click on me</a> 

Answer 2

あなたはJavascriptを使用して行うことができます。

<a href="#" onclick="javascripot:void(0)" ondblclick="javascript:DoMyWorkFunction()">a:x</a> 

Answer 3

ではなく、リンクのスパンを使用してみてください。このような何か：

<span ondblclick="window.location='http://www.google.com'" style="color:blue;text-decoration: underline;">Click Here</span> 

Answer 4

はこれを試してみてください。私はこれを思いついた（Chromeでテスト済み）。リンクに次の属性を追加してください。

onclick="return false" ondblclick="location=this.href" 

<a onclick="return false" ondblclick="location=this.href" href="http://www.google.com">Google</a> 

Answer 5

グレート質問：