jquery - jquery中如何使用焦点？

Question

我有一个脚本，只需单击 div 即可将信息添加到文本区域。这是有效的，但是光标始终位于我插入的信息的开头。

<div id="click">Click to insert</div>
<textarea id="info">I want to</textarea>

这是 jquery:

<script>
    $(document).ready(function(){
        $('#click').on('click',function(){
            var i=$('#info').val();
            var n="Insert this";//information to be inserted
            $('#info').val(i + n).focus();
        });
    });
</script>

现在整个内容应为我想插入，后跟光标。相反，光标位于中间，如下所示我想[光标]插入此。有什么方法可以让光标聚焦在字段内容的末尾吗？

Answer 1

试试这个 JSFiddle http://jsfiddle.net/adiioo7/2D9Td/ :-

$(document).ready(function () {
    $('#click').on('click', function () {
        var i = $('#info').val();
        var n = "Insert this"; //information to be inserted
        $('#info').focus().val(i + n);
    });
});

刚刚更改了上次 js 调用中 focus 和 val 的顺序。