JavaScript 光标位置获取与设置125

在 JavaScript 中，光标位置指的是文本输入元素中光标所在的位置。获取和设置光标位置对于文本编辑、表单验证和自动填写功能非常有用。

获取光标位置

获取光标位置可以使用以下方法：```javascript
// 光标位置（从 0 开始索引）
const start = ;
// 光标结束位置（从 0 开始索引）
const end = ;
```

以上方法适用于所有文本输入元素，包括 input、textarea 和 contenteditable 元素。

设置光标位置

设置光标位置可以使用以下方法：```javascript
// 将光标移动到指定位置
(start, end);
```

该方法接受两个参数：开始位置和结束位置。如果结束位置与开始位置相同，光标将被置于该位置。否则，文本从开始位置到结束位置将被选中。

示例

以下示例演示了如何在文本输入元素中获取和设置光标位置：```html

```
```javascript
// 获取光标位置
const start = ("my-input").selectionStart;
const end = ("my-input").selectionEnd;
// 设置光标位置
("my-input").setSelectionRange(0, 3);
```

在以上示例中，我们首先获取文本输入元素 "my-input" 的光标位置。然后，我们将光标移动到字符串 "Hello world" 的第一个三个字符（从 0 开始索引）。

注意事项* 光标位置方法在不同的浏览器中可能具有不同的行为。
* 在某些情况下，光标位置可能会在脚本执行后自动更新，例如在用户输入或程序化操作时。
* 如果文本输入元素不可编辑，光标位置方法可能返回 undefined。

2025-01-19

上一篇：如何从 C# 中执行 JavaScript 代码

下一篇：JavaScript 获取 Mac 地址