了解getSelection API的使用场景及方法详解

3 min read

getSelection API 用于获取当前页面中用户选择的文本内容，主要包括以下几个方法：

  1. window.getSelection()：返回表示当前选中文本的 Selection 对象。
  2. selectionObj.toString()：返回选择的文本内容。
  3. selectionObj.getRangeAt(index)：返回表示选中文本的 Range 对象。

一般的使用场景包括：

  1. 实现自定义的复制粘贴功能：通过监听用户复制操作，获取选中的文本内容并处理。
  2. 实现自定义的搜索功能：当用户选中文本后，触发搜索事件，将选中的文本内容作为搜索关键词。
  3. 实现自定义的文本高亮功能：通过获取选中的文本内容，将其包裹在自定义的标签中，达到高亮的效果。

需要注意的是，getSelection API 可能会存在浏览器兼容性问题，因此在使用时需要谨慎处理。