📜  window.getselection 外部 (1)

📅  最后修改于: 2023-12-03 15:21:09.712000             🧑  作者: Mango

外部的 window.getSelection()

window.getSelection() 方法返回当前用户选择的文本内容。它是 Web API 中的一部分,可以从全局的 window 对象中访问。

使用方法

以下是使用 window.getSelection() 方法的一些示例:

const selection = window.getSelection();

// 获取用户选择的文本
const selectedText = selection.toString();

// 获取选择的文本所在的 DOM 节点
const selectedNode = selection.anchorNode.parentNode;

// 修改选择文本的样式
const span = document.createElement('span');
span.style.backgroundColor = 'yellow';
span.appendChild(selection.getRangeAt(0).cloneContents());

// 替换选中的文本
const range = selection.getRangeAt(0);
range.deleteContents();
range.insertNode(document.createTextNode('替换的文本'));
返回值

window.getSelection() 方法返回一个 Selection 对象,表示当前用户选择的文本。Selection 对象可以通过以下方法和属性来操作用户选择的文本:

  • anchorNode:返回表示选择范围的起点节点(最深的包含起点的节点)。
  • focusNode:返回表示选择范围的终点节点(最深的包含终点的节点)。
  • anchorOffset:返回表示选择范围内起点位置的偏移量。
  • focusOffset:返回表示选择范围内终点位置的偏移量。
  • toString():返回选择的文本内容。
注意事项
  • window.getSelection() 方法只能获取用户选择的文本内容,无法获取选中的非文本元素。
  • window.getSelection() 方法在不同浏览器间的实现有所不同,某些浏览器可能不支持某些属性或方法,请查看相关文档进行兼容性处理。

以上是有关 window.getSelection() 方法的相关介绍,它可以帮助开发者获取和处理用户选择的文本内容。请按照需要在代码中使用该方法来完成相关功能。