获取选定的文本 - Javascript

在编写 Javascript 脚本时，我们可能需要获取用户选中的文本，以进行后续的操作。本文将介绍如何通过 Javascript 获取选定的文本。

1. 使用 Selection 对象

在 Javascript 中，通过 Selection 对象可以表示当前页面选中的文本。以下代码可以获取当前用户选中的文本：

let selection = window.getSelection().toString();
console.log(selection);

Selection 对象没有直接获取选中文本的方法，而是通过 toString() 方法将选中文本转换为字符串返回。

2. 获取选定文本的长度

我们也可以通过 Selection 对象的 getRangeAt() 方法获取选定文本的范围，例如：

let range = window.getSelection().getRangeAt(0);
console.log(range.endOffset - range.startOffset);

在上述代码中，我们获取了选定文本的范围，然后通过起始位置和结束位置计算了选定文本的长度。

3. 获取选定文本的起止位置

除了获取选定文本的长度，我们还可以获取选定文本的起止位置。以下代码可以输出选定文本的起止位置：

let range = window.getSelection().getRangeAt(0);
console.log("start: " + range.startOffset + ", end: " + range.endOffset);

4. 监听选定文本的变化

在实际开发中，我们可能需要对用户选中的文本进行实时的监听。我们可以通过绑定 selectionchange 事件来监听用户选中文本的变化。

document.addEventListener("selectionchange", () => {
  let selection = window.getSelection().toString();
  console.log(selection);
});

5. 结语

以上就是获取选定的文本的方法，通过这些方法，我们可以轻松地获取用户选中的文本，并进行后续的操作。