カスタム アクションを右クリック イベントにバインドし、ブラウザのコンテキスト メニューを無効にする方法

右クリック アクションのイベント バインド

ブラウザのコンテキスト メニューを無効にしてイベントを右クリック アクションにバインドするには、伝統的な方法。 jQuery は組み込みの oncontextmenu イベント ハンドラーを提供しません。

これを実現するには、次の手順を実行できます:

1. ブラウザ コンテキスト メニューを無効にします:

   • ドキュメント要素の oncontextmenu イベントを処理しますブラウザ メニューが表示されないようにするには false を返します。

2. 右クリックの処理:

   • マウスダウン イベントをリッスンします。
   • イベント ボタンのプロパティを確認して、マウスの右ボタンが押されたかどうかを確認します。

このアプローチを示すコード スニペットの例を次に示します。

$(document).ready(function(){
  document.oncontextmenu = function() {return false;};

  $(document).mousedown(function(e){ 
    if( e.button == 2 ) { 
      alert('Right mouse button!'); 
      return false; 
    } 
    return true; 
  }); 
});

要約すると、ブラウザのコンテキスト メニューを無効にし、右側のメニューを処理します。マウスダウン イベントを通じて手動でクリック アクションを実行すると、カスタム アクションをマウスの右ボタンにバインドできます。

以上がカスタム アクションを右クリック イベントにバインドし、ブラウザのコンテキスト メニューを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。