js获取光标覆盖选中区域文本

最新推荐文章于 2025-02-28 15:40:48 发布

原创最新推荐文章于 2025-02-28 15:40:48 发布 · 530 阅读

0 ·

CC 4.0 BY-SA版权

原生js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何通过JavaScript的window.getSelection方法捕获用户在网页上鼠标选中的文本内容，并在鼠标抬起事件(mouseup)中触发获取和打印选中文字的操作。示例代码展示了在目标容器 '#root' 中监听鼠标抬起事件，从而实现选中文本的记录。

window.getSrelection()

通过getSelection方法,可以获取Selection对象,并通过toString方法,获取所选中的文本内容;鼠标选中时,需要借助mouseup事件来作为收集参数的时机

// 获取需要得到文本的目标容器
const targetContainer = document.querySelector("#root");

const selection = () => {
	// 获取selection对象
	const objSelection = window.getSelection();
	const selectionText = objSelection.toString();
	console.log(selectionText)
}

// 监听鼠标事件
targetContainer.addEventListener("mouseup",selection);