JS：jQuery（インライン）なしで右クリックを検出

Question

私はいくつかのリンクを含むテーブルを構築する関数を呼び出しています。

右または左のマウスでリンクがクリックされているかどうかを確認します。

ハイパーリンク<a>に次の部分を追加しようとしました。

onmousedown="function mouseDown(e){ 
switch (e.which) { 
    case 1: alert('left'); break; 
    case 2: alert('middle'); break; 
    case 3: alert('right'); break; } 
}" 

リンクをクリックしても何も起こりません。

Answer 1

HTML：

<a href="#" onmousedown="mouseDown(event);">aaa</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

のjavascript：

function mouseDown(e) { 
    e = e || window.event; 
    switch (e.which) { 
    case 1: alert('left'); break; 
    case 2: alert('middle'); break; 
    case 3: alert('right'); break; 
    } 
}​ 

demo。

Answer 2

e.buttonを使用して値を正規化してe.whichに保存するブラウザをサポートするxdazzの回答を修正しました。追加された行は、JQueryライブラリで使用される行です。

function mouseDown(e) { 
    e = e || window.event; 
    if (!e.which && e.button !== undefined) { 
    e.which = (e.button & 1 ? 1 : (e.button & 2 ? 3 : (e.button & 4 ? 2 : 0))); 
    } 
    switch (e.which) { 
    case 1: alert('left'); break; 
    case 2: alert('middle'); break; 
    case 3: alert('right'); break; 
    } 
}​