JavaScript

[JavaScript] 右クリックを禁止にする

投稿日:2016年10月9日 更新日:

ブラウザ上でのマウス右クリックを禁止にするには、 oncontextmenuイベントハンドラを設定します。

サンプル

例)ページ全体で右クリック禁止にする

実行サンプル

以下の黄色の領域上にoncontextmenu="return false;"が設定してあります。

この領域上では右クリックが使えません。

解説

  • 右クリックを禁止したいタグに「oncontextmenu="return false;"」を設定すれば右クリック禁止にできます。
  • ページ全体を右クリック禁止にしたい場合は、bodyタグに設定すればOKです。
  • 部分的に右クリック禁止にしたい場合は、対象のタグに設定すればOKです。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 動的に追加したイベントを削除する(removeEventListener)

動的に追加したイベントを削除するには、removeEventListenerを使用します。 (動的にイベントを追加する方 ...

[JavaScript] ツールチップを設定する

JavaScriptでツールチップを設定するサンプルです。 サンプルソース 例)ボタンを押すと、入力された値がツールチッ ...

[JavaScript] 画像をキャッシュさせない方法

HTMLで画像を表示するにはimgタグを使用しますが、一度使用した画像はブラウザにキャッシュされるため意図しない画像が表 ...

[JavaScript] モニターの利用可能なサイズを取得する(availWidth、availHeight)

モニターの利用可能なサイズを取得するには、screen.availWidth、screen.availHeight を使 ...

[JavaScript] replaceAllを実装する

JavaScriptではreplaceメソッドはありますが、replaceAllメソッドはありません。 そこで、repl ...

スポンサーリンク