在本文中,我们将学习如何使用 JavaScript 将光标置于文本输入元素中的文本末尾。
首先,我们将创建一个文本输入框,其中将给出一些值和一个将光标放在末尾的按钮。我们可以使用不同的 JavaScript 函数将光标放在文本输入元素中文本的末尾。
方法:
使用的 JavaScript 函数是:
- HTMLInputElement.setSelectionRange() : HTMLInputElement.setSelectionRange()是一种在 或
- Element.createTextRange() :它在输入表单中为我们提供了一个选定的文本范围。插入符号也称为文本光标,它是屏幕上的指示器,用于指示要插入文本的位置。
- TextRange.collapse() :它有助于将插入符号移动到当前范围的开头或结尾。
- TextRange.moveEnd() :它有助于将范围的末尾移动指定数量的单位。
- TextRange.moveStart() :它 将范围的起点移动指定数量的单位。
例子:
HTML
Put Cursor at End of Input
输出:
- 点击按钮前:
- 点击按钮后: