WEB開発備忘録

Javascriptで右クリックの処理を定義 / onContextMenu

Javascriptで右クリック発生を捉えるイベントハンドラ、あるよねって気軽に検索を掛けたら、意外にみつかりませんでした。
ので、備忘録としてメモ。

onContextMenuという属性でタグにイベントハンドラを定義できます。

<HTMLタグ onContextMenu="javascript:;">
~~
</HTMLタグ>

右クリックの処理を禁止したいなら「return false;」を指定します。

<HTMLタグ onContextMenu="javascript:return false;">
~~
</HTMLタグ>

画面全体の右クリックを禁止したいなら、次のようにページ全体のcontextmenuにreturn falseを

<script type="text/javascript">
<!--
window.onload = function() {
  document.oncontextmenu = function(){
    return false;
  }
}
// -->
</script>