轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style userSelect 属性

实例

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

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

页面下方有更多实例。

定义和用法

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

如果双击某些文本，它将被选中/高亮显示。此属性可用于防止出现这种情况。

浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

后跟Webkit、Moz 或 O 的数字指定使用前缀的第一个版本。

属性
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"

属性值

参数 描述
auto 默认值。可以根据浏览器的默认设置选择文本
none 防止文本选择
text 用户可以选择文本
all 文本选择由双击改为单击一次

技术细节

默认值: auto
返回值: 一个字符串，表示是否可以选择元素的文本
CSS 版本 CSS3

更多实例

实例

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

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

相关页面

CSS 参考手册: user-select 属性

❮ Style 对象