javascript - 将鼠标光标设置在文本块的末尾

Question

$(id).focus();将光标位置设置为输入框的开头，但我想将其放在文本的末尾、最后一行和最后一个位置。

Answer 1

你可以用setSelectionRange这个

我的代码 -

HTML -

<textarea rows="8" id="txt1" style="width:400px;" >Hello Hello Hello Hello</textarea>

jQuery -

var input = $("#txt1");
var len = input.val().length;
input[0].focus();
input[0].setSelectionRange(len, len);

尝试 -

例子

Answer 2

尝试这个：

$(document).ready(function(){
        $("#search").focus(function(){
            if (this.setSelectionRange)
            {
            var len = $(this).val().length;
            this.setSelectionRange(len, len);
            }
            else
            {
            $(this).val($(this).val());
            }

    });

    $("#search").focus();
    });

带输入的演示

带有文本区域的演示

因为setSelectionRange并非所有浏览器都支持。所以最好的解决方案是结合setSelectionRange. $(this).val($(this).val());有关更多信息，请查看：使用 JavaScript 将光标置于文本输入元素中的文本末尾