JavaScript获取焦点并将光标移动到末尾字符

最新推荐文章于 2024-04-25 10:45:52 发布

原创最新推荐文章于 2024-04-25 10:45:52 发布 · 601 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #焦点 #文本末尾 #ViewUI

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript环境下，特别是在Google Chrome浏览器中，实现对输入框的焦点获取，并将光标移动到文本的末尾。内容包括具体的代码示例和键盘监听代码。

部署运行你感兴趣的模型镜像

测试和使用环境:
Google Chrome浏览器，手动触发焦点事件（如按键盘↑键）
代码如下:


function focusOn(_textarea, moveToLast){
    this.moveToLastFlag = moveToLast;
    function moveToTextEnd() {
        if (this.moveToLastFlag){
            if (typeof _textarea.selectionStart == "number") {
                _textarea.selectionStart = _textarea.selectionEnd = _textarea.value.length;
            } else if (typeof _textarea.createTextRange != "undefined") {
                _textarea.focus();
                var range = _textarea.createTextRange();
                range.collapse(false);
                range.select();
            }
        }
    }

    _textarea.focus();
    _textarea.onfocus = function(e){
        moveToTextEnd();
        // Work around Chrome's little problem
        if (window.chrome){
            window.setTimeout(function() {
                moveToTextEnd();
            }, 1);
        }
    }

}

参考 [url]http://jsfiddle.net/ghAB9/3/[/url]

附键盘监听代码


        document.onkeydown = function(e){
            switch (e.which){
                case 9:     //tab

                    break;
                case 13:    //enter

                    break;
                case 38:    //up

                    break;
                case 40:    //down

                    break;
            }

        };