ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で右クリックを検出するにはどうすればよいですか?

JavaScript で右クリックを検出するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-10 13:40:02315ブラウズ

How to Detect Right-Clicks in JavaScript?

JavaScript 右クリック イベント

JavaScript で右クリックを検出することはできますか?はい、「mousedown」や「mouseup」などの JavaScript マウス イベントを使用して右クリックを検出できます。ただし、右クリック メニューの開始を追跡することを目的としている場合は、代わりに 'oncontextmenu' を使用する必要があります。

マウス イベントによる右クリックの検出

マウス イベントを使用して右クリックを検出するには、イベント処理内で「イベント」オブジェクトの「どの」プロパティまたは「ボタン」プロパティを確認します。 function:

document.body.onclick = function (e) {
    var isRightMB;
    e = e || window.event;

    if ("which" in e)  // Gecko (Firefox), WebKit (Safari/Chrome) & Opera
        isRightMB = e.which == 3; 
    else if ("button" in e)  // IE, Opera 
        isRightMB = e.button == 2; 

    alert("Right mouse button " + (isRightMB ? "" : " was not") + "clicked!");
} 

右クリック メニューの oncontextmenu イベント

「oncontextmenu」イベントは、マウスかどうかに関係なく、右クリック メニューが開くとトリガーされます。キーボードが使われていました。このイベントを使用するには、関数をハンドラーとして割り当てるだけです:

window.oncontextmenu = function ()
{
    showCustomMenu();
    return false;     // cancel default menu
}

「mouse」イベントと「oncontextmenu」を組み合わせることで、JavaScript での右クリック操作を効果的に処理できます。

以上がJavaScript で右クリックを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。