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

iteye_12373

于 2016-06-30 10:22:35 发布

阅读量575

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 焦点文本末尾 ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_12373/article/details/82653982

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试和使用环境:
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;
            }

        };