ホームページ >ウェブフロントエンド >CSSチュートリアル >ブラウザのコンテキスト メニューを無効にした後に右クリック イベントを処理するにはどうすればよいですか?
ブラウザのコンテキスト メニューを無効にした後にマウスの右クリック イベントをキャプチャする方法
ブラウザのコンテキストを無効にした後にマウスの右クリックでカスタム アクションをトリガーするにはメニューの場合は、次の解決策を検討してください。
jQuery には、ネイティブの oncontextmenu イベント ハンドラーがありません。ただし、JavaScript を使用してブラウザのコンテキスト メニューを無効にし、jQuery の Mousedown イベントを使用してマウスの右クリック イベントを処理することができます。
コード スニペットの例を次に示します。
$(document).ready(function(){ // Disable browser context menu document.oncontextmenu = function() {return false;}; // Capture right mouse click event $(document).mousedown(function(e){ if( e.button == 2 ) { alert('Right mouse button!'); return false; } return true; }); });
この例では、最初にdocument 要素の oncontextmenu イベントをキャンセルして、ブラウザーのコンテキスト メニューを無効にします。次に、mousedown イベントをキャプチャし、マウスの右ボタン (ボタン 2) が押されたかどうかを確認します。その場合、アラートが表示されます。
alert() を希望のアクション (カスタム メニューの表示、関数のトリガーなど) に置き換えることができることに注意してください。
以上がブラウザのコンテキスト メニューを無効にした後に右クリック イベントを処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。