1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptで右クリックイベントをキャプチャするにはどうすればいいですか?[重複している]をクリックします。

2022-04-16 08:24:18

質問

標準のコンテキストメニューをブロックし、右クリックイベントを手動で処理したいのですが。

これはどのように行うのですか?

どのように解決するのですか?

を使用します。 oncontextmenu イベントを使用します。

以下はその例です。

<div oncontextmenu="javascript:alert('success!');return false;">
    Lorem Ipsum
</div>

そして、イベントリスナーを使用すること(Credit to ランピオン から 2011年のコメント ):

el.addEventListener('contextmenu', function(ev) {
    ev.preventDefault();
    alert('success!');
    return false;
}, false);

false を返すことを忘れないでください。さもなければ、標準のコンテキストメニューが表示されたままになってしまいます。

を使うのではなく、自分で書いた関数を使うのであれば、その関数は javascript:alert("Success!") の両方において false を返すことを忘れないでください。 oncontextmenu 属性で指定します。