JavaScript 光标控制337

##
光标是用户在屏幕上与网页交互时看到的闪烁的垂直线或方块。它指示了用户可以用键盘输入文本的位置。在 JavaScript 中，您可以使用 `()` 和 `()` 方法来控制光标。


方法
1. `()`
此方法返回一个 `Selection` 对象，表示当前选定的文本或范围。您可以使用此对象来检索选定的文本、其起点和终点，以及其他信息。
2. `()`
此方法创建一个新的 `Range` 对象，表示文档中的文本范围。您可以使用此对象来设置光标的位置、选择文本或执行其他操作。


属性
1. `` 和 ``
这两个属性指向包含选定文本的起始和结束节点。
2. `` 和 ``
这两个属性表示选定文本在 `anchorNode` 和 `focusNode` 中的偏移量。


方法
1. `(node, offset)`
此方法将光标移动到指定的 `node` 和 `offset` 位置。
2. `(node, offset)`
此方法将选定的文本范围扩展到指定的 `node` 和 `offset` 位置。
3. `(node, offset)` 和 `(node, offset)`
这两个方法设置范围的起始和结束点。
4. `(toStart)`
此方法将范围折叠到其起始点或结束点，具体取决于 `toStart` 参数的值。


示例
以下示例演示如何使用 JavaScript 控制光标：
```javascript
// 获取选定的文本
const selection = ();
(); // 输出选定文本的起点节点
(); // 输出选定文本的结束点节点
(); // 输出选定文本在起点节点中的偏移量
(); // 输出选定文本在结束点节点中的偏移量
// 设置光标位置
const range = ();
(, 10); // 将光标设置在文档正文的第 10 个字符后
(, 20); // 扩展选定的文本范围到文档正文的第 20 个字符后
(); // 清除所有选定的文本范围
(range); // 将范围添加到选定的文本范围
// 选择文本
(('my-element')); // 选择指定元素的内容
(); // 输出选定文本的起点节点
(); // 输出选定文本的结束点节点
(); // 输出选定文本在起点节点中的偏移量
(); // 输出选定文本在结束点节点中的偏移量
```


结论
JavaScript 中的光标控制使您可以操纵选定的文本并设置光标的位置。这对于编辑器、文本处理应用程序和游戏等多种应用程序非常有用。

2024-12-24

---

上一篇：JavaScript 单选题

下一篇：光标在 JavaScript 中的用法