Style userSelect 屬性
- 上一頁 unicodeBidi
- 下一頁 verticalAlign
- 返回上一層 HTML DOM Style 對象
定義和用法
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 |
- 上一頁 unicodeBidi
- 下一頁 verticalAlign
- 返回上一層 HTML DOM Style 對象