将光标放在输入的末尾

最新推荐文章于 2025-02-05 20:07:00 发布

紫微前端

最新推荐文章于 2025-02-05 20:07:00 发布

阅读量861

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： java 开发语言

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125987839

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

假设我们有一个代表用户全名的文本字段。还有一个用于更新全名的编辑按钮。

<input type="text" id="fullName" />

<button id="edit">Edit</button>

有一个常见的要求是单击编辑按钮将焦点放在文本字段上，并将光标移动到它的末尾：

const fullNameEle = document.getElementById('fullName');
const editEle = document.getElementById('edit');

editEle.addEventListener('click', function (e) {
    // Focus on the full name element
    fullNameEle.focus();

    // Move the cursor to the end
    const length = fullNameEle.value.length;
    fullNameEle.setSelectionRange(length, length);
});