☰

JavaScript で右クリックイベントをキャプチャするにはどうすればよいですか? [重複] 質問する

tag-icon • tag-icon javascript html events event-handling dom-events
JavaScript で右クリックイベントをキャプチャするにはどうすればよいですか? [重複] 質問する

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

これはどうやって行うのですか?

ベストアンサー1

イベントを使用してくださいoncontextmenu。

次に例を示します。

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

または、イベント リスナーを使用します。

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

必ず false を返してください。そうしないと、標準のコンテキスト メニューがポップアップ表示されます。

ではなく自分で書いた関数を使用する場合はjavascript:alert("Success!")、関数とoncontextmenu属性の両方で false を返すことを忘れないでください。

おすすめ記事