将光标移动到输入框的末尾

news/2024/10/31 7:30:45/

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

<input type="text" id="fullName" /><button id="edit">编辑</button>

有一个常见的需求,即单击编辑按钮将焦点放在文本字段上,并将光标移动到文本字段的末尾:

const fullNameEle = document.getElementById('fullName')
const editEle = document.getElementById('edit')editEle.addEventListener('click', function (e) {// 聚焦 fullName 元素fullNameEle.focus()// 将光标移动到最后const length = fullNameEle.value.lengthfullNameEle.setSelectionRange(length, length)
})

http://www.ppmy.cn/news/503586.html

相关文章

搜狗输入法候选窗口不跟随光标

1、首先确保在设置中&#xff0c;如下图所示&#xff0c;这里是打开的。 2、当然&#xff0c;看到这篇文章的你在尝试了第一步后肯定是没有解决问题&#xff08;1中的开关默认是打开的&#xff09;&#xff0c;我的解决方法是&#xff1a; 首先&#xff0c;“ctrl”“shif”切…

idea快速将鼠标光标跳到下一行(idea快捷键)

例如我们在填完admin后&#xff0c;鼠标光标在不在末尾&#xff0c;想新开一行还需要将光标移至句尾&#xff0c;此时我们只需要按下 Shift Enter &#xff0c;便可自动跳转到下一行

idea回到上一个光标位置

idea回到上一个光标位置的快捷键是ctrl alt 向左箭头&#xff0c; 到下一个光标位置是 ctrl alt 向右箭头。

Windows10命令行光标消失,调出输入法输个字母回车后光标出现

Windows10命令行光标消失 原因跟输入法有关 调出中文输入法,输入个字母,然后回车,光标出现

打字的时候输入空格光标后面一个字被删除了?

键盘输入有两个模式&#xff1a;一个是插入格式&#xff0c;一个是改写模式&#xff1b; 一般我们习惯的是插入模式&#xff0c;上述描绘的就是从插入模式不小心进入改写模式后的情况。 解决办法&#xff1a;按下键盘上 delete 旁边的 Insert 键就换回来了

方向键左右移动光标的时候光标自动覆盖所在字符

点击INS键 ins键是指Insert插入键。ins是英文Insertkey的缩写&#xff0c;意思是插入密钥。ins键是电脑键盘的一个键&#xff0c;主要用于在文字处理器切换文本输入的模式。输入模式有两种&#xff0c;插入和覆盖。例如在Microsoft Word下默认是插入模式&#xff0c;只要按下In…