HTML - DOM样式对象userSelect属性

HTML DOM样式对象**userSelect**属性设置或返回用户是否可以选择文本。

语法

设置userSelect属性

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

获取userSelect属性

object.style.userSelect;

属性值

值	描述
auto	这是默认值，用户可以选择文本。
none	不允许用户选择文本。
text	允许用户选择文本。
all	允许用户单击即可选择元素的文本。

返回值

它返回一个字符串值，表示元素的文本是否可以选择。

HTML DOM样式对象“userSelect”属性示例

以下示例演示了div元素上的userSelect属性值。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object userSelect Property
    </title>
</head>
<body>
    <p>
        Try selecting the text after clicking 
        on each button.   
    </p>
    <button onclick="fun()">None</button>
    <button onclick="funTwo()">Text</button>
    <button onclick="funThree()">All</button>
    <br><br>
    <div id="select">
        Welcome to Tutorials Point.
    </div>
    <script>
        function fun() {
            document.getElementById("select")
                .style.userSelect = "none";
        }
        function funTwo() {
            document.getElementById("select")
                .style.userSelect = "text";
        }
        function funThree() {
            document.getElementById("select")
                .style.userSelect = "all";
        }
    </script>
</body>
</html>

支持的浏览器

属性
userSelect	是 54	是 79	是 69	是 3	是 41

html_dom_style_object_reference.htm

打印页面