📚 引言

在现代网页开发中，`Selection` Web API 是一个非常强大的工具，它允许开发者以编程方式访问和操作用户选择的文本。本文档将详细介绍如何使用这个接口，以便您能够更好地理解和利用它。

💡 基本概念

- Selection：代表用户在网页上选择的一段文本。

- Range：定义了一个开始和结束位置，用于表示文本的一部分或整个节点。

🛠️ 主要方法

- `getRangeAt(index)`：返回指定索引处的 Range 对象。

- `collapse(toEnd)`：将选择范围折叠到其开始或结束位置。

- `selectAllChildren(node)`：选择指定节点的所有子节点。

🔄 示例代码

```javascript

// 获取当前的选择

const selection = window.getSelection();

// 创建一个新的范围

const range = document.createRange();

range.selectNode(document.getElementById('example'));

// 将范围添加到选择中

selection.addRange(range);

```

🎯 应用场景

- 文本高亮

- 内容复制

- 拖拽操作

通过使用 `Selection` API，您可以为用户提供更加丰富的交互体验。希望本文档能帮助您更好地掌握这一强大工具！