光标focus到文本末尾的方法

最新推荐文章于 2020-09-29 16:39:32 发布

Stephen102

最新推荐文章于 2020-09-29 16:39:32 发布

阅读量1.7k

点赞数

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/u010571844/article/details/41527225

版权

jQuery 专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何通过JavaScript实现点击用户头像后，评论文本框自动聚焦并将光标置于文本末尾。通过示例代码展示了当点击事件触发时，获取用户名，构造评论内容并设置到textarea中，最后调整光标位置。代码的顺序决定了光标是在文本末尾还是开始。

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

点击用户的头像图片@该用户，发表评论。

用一个click方法来说明这个问题：

$('div.column_description_left').bind('click',function(){
        var username = $('div.comment_username>span').text();
        var comment = "@"+username + ":";
        $('div.column_content>textarea').focus();             1
        $('div.column_content>textarea').val(comment);        2
    });

1,2位置表示光标在文本末尾。效果：|@Stephen Huang

$('div.column_description_left').bind('click',function(){
        var username = $('div.comment_username>span').text();
        var comment = "@"+username + ":";
       $('div.column_content>textarea').val(comment);        2
        $('div.column_content>textarea').focus();             1
    });

如果对换1，2行的位置变成2 1，光标位置在开始位置。效果：@Stephen Huang|