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

列印頁面