📅  最后修改于: 2023-12-03 15:21:09.712000             🧑  作者: Mango
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()
方法的相关介绍,它可以帮助开发者获取和处理用户选择的文本内容。请按照需要在代码中使用该方法来完成相关功能。