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

JavaScript での右クリックの検出

一般的なユーザー操作である右クリックは、JavaScript に特有の課題を引き起こします。それは、いつ発生するかを判断することです。マウス駆動のアクションであるにもかかわらず、右クリックは専用の JavaScript イベントではありません。

マウス ボタン イベントの処理

JavaScript は、次のようなマウス アクションの標準イベント リスナーを提供します。マウス移動、マウスダウン、マウスアップ、クリックなど。これらのイベントはマウス ボタンのアクションをキャプチャしますが、左クリックと右クリックは区別されません。右クリックを検出するには、イベント オブジェクトのプロパティを調べる必要があります。

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 というイベントがあります。要素上でコンテキスト メニューが開かれたときに起動されます。このイベントを使用して、コンテキスト メニューを表示する右クリック アクションを処理できます。

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

これらの手法を活用することで、開発者は JavaScript で右クリック イベントを検出して処理できるため、直感的で直感的なメニューを作成できるようになります。レスポンシブ Web アプリケーション。

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