目录

style userSelect 属性

示例

防止 <div> 元素的文本选择:

document.getElementById("myDiv").style.userSelect = "none";
亲自试一试 »

下面有更多 "亲自试一试" 示例。


描述

userSelect 属性设置或返回是否可以选择元素的文本。

如果双击某些文本,它将被选择/突出显示。该属性可用于防止这种情况发生。


浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

ms 或 Webkit 后面的数字指定使用前缀的第一个版本。

Property
userSelect 54.0 79.0
10.0 ms
69.0 3.1 Webkit 41.0

语法

返回 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


技术细节

默认值: 汽车
返回值: 一个 String,表示元素的文本是否可以被选择
CSS版本 CSS3

更多示例

示例

获取元素的 "user-select" 属性的值:

document.getElementById("demo").style.userSelect;
亲自试一试 »

相关页面

CSS 参考:用户选择属性