JavaScript 使用 createTextRange 设置文本框焦点位置
作者:像素猫时间:2026-10-25 01:21:32浏览:152
本文介绍如何利用 JavaScript 的 createTextRange 方法精确控制文本框内的光标位置。通过 moveStart 和 moveEnd 方法设定字符偏移量,可实现选中特定范围的文本或定位焦点,适用于需要交互控制的表单场景。
以上即为完整的代码示例。
具体实现代码如下所示:
JavaScript 使用 createTextRange 设置文本框焦点位置首先通过 document.getElementById 获取目标文本框元素,赋值给变量 obj。
调用 obj 的 createTextRange() 方法创建文本范围对象 range。
接下来需要确定选中文本的起始位置,这里设定从第 3 个字符之后开始。
使用 range.moveStart("character", 3) 将起始点向后移动 3 个字符。
随后确定选中文本的结束位置,设定为剩余全部字符的倒数第 3 个字符之前。
使用 range.moveEnd("character", -3) 将终点向前移动 3 个字符(负数表示向前)。
完成范围设定后,执行选中操作。
调用 range.select() 方法,使文本框中设定的范围被高亮选中并聚焦。作者最新文章
js-cookie 安装与基础用法:set、get、remove 详解
2026-11-05 16:35:06
适合JavaScript初学者的实战项目:制作简易待办事项列表
2026-11-05 16:17:07
JS打开新标签页时怎么通过URL传递参数
2026-11-05 12:21:08
sigma.js 自定义节点样式:设置颜色、大小及标签显示的技巧
2026-11-05 09:55:00
JS 生成的统计图怎么导出为 PNG 图片或 PDF 文件?
2026-11-05 09:37:58
