Style userSelect 屬性

定義和用法

userSelect 屬性設置或返回是否可以選擇元素的文本。

如果您雙擊某些文本,它將被選中/突出顯示。此屬性可用于防止這種情況。

另請參閱:

CSS 參考手冊:user-select 屬性

實例

例子 1

防止 <div> 元素的文本選擇:

document.getElementById("myDiv").style.userSelect = "none";

親自試一試

例子 2

獲取元素的 "user-select" 屬性的值:

document.getElementById("demo").style.userSelect;

親自試一試

語法

返回 userSelect 屬性:

object.style.userSelect

設置 userSelect 屬性:

object.style.userSelect = "auto|none|text|all"

屬性值

描述
auto 默認。可根據瀏覽器默認設置對文本進行選取。
none 防止文本選取。
text 文本可由用戶選取。
all 通過單擊而非雙擊進行文本選取。

技術細節

默認值: auto
返回值: 字符串,表示元素的文本是否可以被選取。
CSS 版本: CSS3

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

數字后跟 Webkit、Moz 或 O 指定使用前綴的首個版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
54.0 79.0
10.0 ms
69.0 3.1 Webkit 41.0