新JavaScript例文辞典

マウスの右ボタンが押された場合に処理する (oncontextmenuイベント)

説明

マウスの右ボタンが押された場合に処理するにはHTMLエレメントやwindow、documentオブジェクトのcontextmenuイベントに実行する関数を指定します。関数内でイベント発生時に処理する内容を記述します。関数内からの戻り値がfalseの場合、右クリックによるメニューは表示されなくなります。false以外を返すとメニューが表示されます。また、イベントを設定する場合はイベント名contextmenuの先頭にonを付けたものを定義します。

サンプルプログラム

window.onload = function(){
document.getElementById("block").oncontextmenu = function(){
document.getElementById("result").innerHTML += "マウスの右ボタンが押されました<br>";
return false;
}
}
サンプルを実行
[戻る]