スタイルuserSelectプロパティ
例
<div>要素のテキスト選択を防止します。
document.getElementById("myDiv").style.userSelect = "none";
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
userSelectプロパティは、要素のテキストを選択できるかどうかを設定または返します。
一部のテキストをダブルクリックすると、そのテキストが選択/強調表示されます。このプロパティは、これを防ぐために使用できます。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Webkit、Moz、またはOが後に続く数字は、プレフィックスで機能した最初のバージョンを指定します。
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
構文
userSelectプロパティを返します。
object.style.userSelect
userSelectプロパティを設定します。
object.style.userSelect = "auto|none|text|all"
プロパティ値
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
技術的な詳細
デフォルト値: | 自動 |
---|---|
戻り値: | 要素のテキストを選択できるかどうかを表す文字列 |
CSSバージョン | CSS3 |
その他の例
例
要素の「user-select」プロパティの値を取得します。
document.getElementById("demo").style.userSelect;
関連ページ
CSSリファレンス:user-selectプロパティ
❮スタイルオブジェクト