Jeans & Development コンピューターのことなどを綴ったメモ (旧：目から鱗 w/SQLite)

　Ajax アプリなどでよく右クリックメニューが使用されている。これを使用するにはどうするのか調べてみた。


　ブラウザで右クリックしたときのイベントは、oncontextmenu="" で良いらしい。
ここを右クリック

ソースコード：

<a href="dummy:" onclick="alert('Wrong click!');return false;"
oncontextmenu="alert('Right click!');return false;">
ここを右クリック</a>

ポップアップメニューのテスト
ここを右クリック

ソースコード

<div id="layer1" style="POSITION:absolute;WIDTH:200;DISPLAY:none;">
<table border="1" bgcolor="#80E0E0" cellspacing=0 cellpadding=4><tr><td>
これがレイヤーです。<br/>
<a href="dummy:" onclick="document.getElementById('layer1').style.display='none';return false;">キャンセル</a>
</td></tr></table>
</div>
<a href="dummy:" onclick="return false;" oncontextmenu="with(document.getElementById('layer1').style){top=event.offsetY+190;left=event.offsetX+100;display='block';};return false;">
ここを右クリック</a>