检测页面上某个元素中选择(突出显示）或单击的内容

Detect what is selected (highlighted) or clicked within an element on a page?

本文关键字：显示单击选择元素检测更新时间：2023-09-26

如何在浏览器中检测页面上选择的内容？示例：单击，按住，在页面上选择3个单词和1个图像，然后释放。

子问题：如何检测某人点击了哪封信？

不使用：一个跨度注入器打破一切或所见即所得的插件

我希望这不仅仅是一种你无法检测到的浏览器交互。

可能有很多用途，但我的目标是一个简单的"实时"页面编辑器，或者至少是一种除了元素id之外还可以知道某人正在点击/选择什么的方法。

window.getSelection()是除IE<9，其具有不同的API。window.getSelection()返回一个Selection（spec）对象，您可以从中提取表示所选内容的DOM范围（spec。

对于IE<9，您可以查看document.selection，也可以使用像我自己的Rangy这样的库，它在所有主要浏览器中提供相同的基于标准的API。