JavaScript

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

投稿日:2018年3月26日 更新日:

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

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

サンプルソース

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ラジオボタンのvalue値を取得する

ラジオボタンのvalue値を取得するサンプルです。 サンプル 例)ボタンを押すとラジオボタンname='grp1'のva ...

[JavaScript] 都道府県選択セレクトボックスを生成する

都道府県選択セレクトボックスをJavaScriptで生成するサンプルです。 サンプルソース 例)onLoad時に都道府県 ...

[JavaScript] 小数値の小数点以下の桁数を取得する

小数値の小数点以下の桁数を取得するサンプルFunctionです。 サンプルソース 例)小数点以下の桁数を取得する [cr ...

[JavaScript] 配列から要素を取得する

配列から要素を取得するサンプルです。 指定したインデックスの要素を取得する 要素を取得するには、配列番号で取得します。 ...

[JavaScript] 時間のコロン編集を行うテキストボックス

フォーカスインすると「HHmm」形式、フォーカスアウトすると「HH:mm」形式にするテキストボックスサンプルです。 時間 ...

スポンサーリンク