oncontextmenu - メニューを開く時に発火する

投稿日:

JavaScriptの、イベントハンドラのoncontextmenuは、コンテキストメニューを開く時に処理を実行します。

説明

ブラウザのコンテキストメニュー
ブラウザのコンテキストメニュー

イベントハンドラのoncontextmenuは、コンテキストメニューを開く時に発火します。コンテキストメニューとは、一般的に右クリックで表示されるメニューのことです。メニューを開くためのアクションを起こしてから、メニューが表示されるまでの間に処理が実行されます。発火した時点ではメニューは表示されていません。

サンプルコード

<div id="target">SYNCER</div>
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

// クリックイベントを設定 ( addEventListener )
divElement.addEventListener( "contextmenu", action ) ;

// クリックイベントを削除
divElement.removeEventListener( "contextmenu", action ) ;
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// クリックイベントを設定 ( oncontextmenu )
divElement.oncontextmenu = function() {
	// 処理内容
}

// クリックイベントを削除
divElement.oncontextmenu = null ;

デモ

contextmenuイベントを設定しました。要素の上でコンテキストメニューを表示してみて下さい。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク