onContextMenu

書式

<タグ名 onContextMenu="イベント発生時の処理">
オブジェクト.oncontextmenu = "イベント発生時の処理"

説明

マウスの右ボタンが押された時に発生するイベントです。イベントからの戻り値がfalseの場合、コンテキストメニューは表示されません(iCab 3βでは表示されてしまう)。Mac版Internet Explorer 5、Operaは、このイベントには対応していないため、右クリックするとコンテキストメニューが表示されます。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
window.onload = function() {
document.oncontextmenu = function(){
document.getElementById("result").innerHTML = "Context menu event";
return false;
}
}
// --></script>
</head>
<body>
<h1>ページ上で右ボタンをクリック</h1>
<div id="result" style="width:300px;height:200px;"></div>
</body>
</html>