サイト上の文字(文章)をドラッグ等で選択できないようにするには、
onselectstartを使用すれば実現できます。
(ただし、条件によっては完全には防げません。(以下解説参照))
サンプルソース
例)ページ全体の文字を選択できないようにする
1 |
<body onselectstart="return false;"> |
ページ全体を選択不可としたい場合は、bodyタグにonselectstart="return false;"を指定します。
例)特定のdivタグ内の文字を選択できないようにする
1 2 3 |
<div onselectstart="return false;"> あいうえお </div> |
特定のタグ内を選択不可としたい場合は、対象タグにonselectstart="return false;"を指定します。
解説
- 特定タグに指定した場合、タグ外から選択された場合は選択できてしまうので実際はあまり意味がありません。
- bodyタグに指定した場合でも、ページがブラウザ1画面に収まってしまうような場合だとページ外から選択された場合は選択できてしまいます。
- (関連項目)
[JavaScript] 右クリックを禁止にする
[jQuery] 右クリックを禁止する