コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

[JavaScript] サイト内の文字を選択できないようにする

投稿日:

サイト上の文字(文章)をドラッグ等で選択できないようにするには、
onselectstartを使用すれば実現できます。

(ただし、条件によっては完全には防げません。(以下解説参照))

サンプルソース

例)ページ全体の文字を選択できないようにする

ページ全体を選択不可としたい場合は、bodyタグにonselectstart="return false;"を指定します。

例)特定のdivタグ内の文字を選択できないようにする

特定のタグ内を選択不可としたい場合は、対象タグにonselectstart="return false;"を指定します。

解説

  • 特定タグに指定した場合、タグ外から選択された場合は選択できてしまうので実際はあまり意味がありません。
  • bodyタグに指定した場合でも、ページがブラウザ1画面に収まってしまうような場合だとページ外から選択された場合は選択できてしまいます。
  • (関連項目)
     [JavaScript] 右クリックを禁止にする
     [jQuery] 右クリックを禁止する

スポンサーリンク

スポンサーリンク

-JavaScript

執筆者:


comment

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

関連記事

[JavaScript] ブラウザのリロード(再読込)ボタンを実装する

ブラウザの「リロード」(再読込)ボタンを実装するサンプルです。 window.location.reloadを使用します ...

[JavaScript] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

[JavaScript] ページを離れる直前に処理を行う(onBeforeUnload)

ページを離れる直前に処理を行うには、onBeforeUnloadイベントハンドラを使用します。 サンプルソース 例)ペー ...

[JavaScript] ブラウザ上の要素の表示/非表示を切替える(非表示時は詰まる)

ブラウザ表示上の指定した箇所の表示/非表示を切り替えるサンプルです。 非表示時は表示領域が詰まって表示されます。 サンプ ...

[JavaScript] HTMLタグに独自属性を設定する(dataset)

HTMLタグに独自の属性を設定したい場合は、datasetという仕組みを使用します。 カスタムデータ属性とも呼ばれます ...

スポンサーリンク