JS-设置input光标位置

最新推荐文章于 2025-07-09 14:38:42 发布

半笙彷徨

最新推荐文章于 2025-07-09 14:38:42 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS 设置input光标位置

本文链接：https://blog.youkuaiyun.com/wang704987562/article/details/82560869

JS 专栏收录该内容

27 篇文章

订阅专栏

设置input光标位置：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <input type="text" id="test-input" value="Example" />
        <input type="text" id="test-input2" value="Example" />
    </body>
    <script>
        function setCaretPosition(ctrl, pos) {
            // Modern browsers
            if(ctrl.setSelectionRange) {
                ctrl.focus();
                ctrl.setSelectionRange(pos, pos);

                // IE8 and below
            } else if(ctrl.createTextRange) {
                var range = ctrl.createTextRange();
                range.collapse(true);
                range.moveEnd('character', pos);
                range.moveStart('character', pos);
                range.select();
            }
        }
        var input = document.getElementById('test-input');
        setCaretPosition(input, input.value.length);
    </script>

</html>