ユーザーのマウス操作に応じて、ダイアログボックスまたは新しいタブにコンテンツを表示します。

Question

dialogの情報が含まれているウェブページにlinkがあります。ダイアログに情報を表示するほかにまた、私はその後、

がOpen link in new Tabを選択し、ユーザーは代わりに新しいタブでこれを開くしたい場合、彼は（同じリンク上）単純に、

1. 右クリックをことが必要です。

このように同じリンクはクリックイベントがある場合dialogを開くが、ユーザーの右クリック&を新しいタブで開くように選択した場合の情報を搭載した新しいタブを開きます。

どうすれば実装できますか？

Answer 1

これはあなたを助けることがあります。

function clicked(e){ 
    if(e.button==0){ 
     /* left-clicked */ 
    }else if(e.button==2){ 
     /* right-clicked */ 
    } 
} 

<span onmousedown="clicked(event)">Button or Link</span> 

Answer 2

あなたは、私がさまざまなブラウザで正規化されたマウス入力のために推薦され、jQueryのアプローチを使用する場合は、このコードを使用することができます：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#link').mousedown(function(evt) { 
      if(evt.which == 1) 
      { 
       // left click 
      } 
      else if(evt.which == 3) 
      { 
       // right click 
      } 
      else 
      { 
       // middle button click 
      } 
    }); 
}); 
</script> 

<a id="link" href="#">My Link</a>