JavaScript 获取选定的文本

在 JavaScript 中，可以很容易地获取当前选定的文本内容。这在很多场景下都可以很有用，比如实现复制粘贴功能、搜索高亮等。

方法一：使用window.getSelection()

window.getSelection() 方法可以获取当前选定的文本内容。它返回一个 Selection 对象，包含了当前选定的文本节点等信息。通过访问 Selection 对象的 .toString() 方法，可以获取选定的文本内容。

const selectedText = window.getSelection().toString();
console.log(selectedText); // 输出选定的文本内容

方法二：使用 document.getSelection()

document.getSelection() 也可以获取当前选定的文本内容，它与 window.getSelection() 方法等价。同样地，可以通过访问 Selection 对象的 .toString() 方法获取选定的文本内容。

const selectedText = document.getSelection().toString();
console.log(selectedText); // 输出选定的文本内容

方法三：通过监听事件获取选定的文本

还可以通过监听选定事件来获取选定的文本内容。当用户选定文本时，会触发 selectionchange 事件，在事件处理函数中可以获取选定的文本内容。

document.addEventListener('selectionchange', () => {
  const selectedText = document.getSelection().toString();
  console.log(selectedText); // 输出选定的文本内容
});

需要注意的是，这种方法只有在用户选定文本之后才能获取到选定的内容。理论上，用户也可以通过 Ctrl+A 全选或者通过鼠标拖拽选定整个页面的所有内容，但这种情况很少见。

以上是获取选定文本内容的三种方法。如果有其他问题或疑问，可以查看相关文档或在社区中发帖询问。