ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で右クリック イベントを処理するにはどうすればよいですか?

JavaScript で右クリック イベントを処理するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-14 13:07:02568ブラウズ

How to Handle Right-Click Events in JavaScript?

JavaScript での右クリック イベント処理

右クリックは特定の JavaScript イベントではありませんが、既存のマウス イベント ハンドラーを使用して検出できます。 「マウスダウン」、「マウスアップ」、「クリック」など。ただし、これらのイベントは、右クリック メニューがいつ表示されるかを識別するには不十分です。

その特定の動作を検出するには、「oncontextmenu」イベントの方が適切です。

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

マウスの右ボタン自体、ブラウザーはイベント オブジェクト内でアクセス可能なプロパティを提供します:

document.body.onclick = function(e) {
  let 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!");
};

追加リソース:

  • [window.oncontextmenu - MDC](https://developer.mozilla.org/en-US/docs/Web/API/Window/oncontextmenu)

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

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