setSelectionRange

Posted on Edited on In Views: Disqus:

 

syntax：

element.setSelectionRange(selectionStart, selectionEnd [, selectionDirection]);

<!DOCTYPE html>
<html>

<head>

</head>

<body>
    <input id="myInput" type="text" value="0123456">
    <button id="myButton">click</button>
    <script>
        document.getElementById("myButton").addEventListener("click", function () {
            document.getElementById("myInput").focus();
            document.getElementById("myInput").setSelectionRange(1, 2);
        });
    </script>
</body>

</html>

執行結果

說明：

如上例，從 1 的位置開始選取，選到 2 位置，但不包含 2 位置。

selectionStart 參數是用來決定文字的起始選取位置，從零開始；

selectionEnd 參數是用來決定文字的結束選取位置，文字選好之後並不包含該位置；

selectionDirection 參數是選項，其值可為 forward、backward、none，預設為 none。

 

參考資料：

HTMLInputElement.setSelectionRange()