oncontextmenuイベント

DOM イベント MouseEvent

定義と使用方法

ユーザーが要素を右クリックして上下文メニューを開いたときにoncontextmenuイベントが発生します。

注釈：すべてのブラウザはoncontextmenuイベントをサポートしていますが、現在はFirefoxのみがサポートしています contextmenu属性。

例

ユーザーが上下文メニューを持つ<div>要素を右クリックしたときにJavaScriptを実行します：

<div oncontextmenu="myFunction()" contextmenu="mymenu">

自分で試してみてください

文法

HTMLで：

<要素 oncontextmenu="myScript">

自分で試してみてください

JavaScriptで：

オブジェクト.oncontextmenu = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

オブジェクト.addEventListener("contextmenu", myScript);

自分で試してみてください

注釈：Internet Explorer 8 以降のバージョンではサポートされていません addEventListener() メソッド。

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： MouseEvent
サポートされる HTML タグ： すべての HTML 要素
DOM バージョン： レベル3 イベント

ブラウザサポート

イベント Chrome IE Firefox Safari Opera
oncontextmenu サポート サポート サポート サポート サポート
DOM イベント MouseEvent