检测页面元素中选择（突出显示）或单击的内容？

Question

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

子问题：如何检测某人点击了哪个字母？

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

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

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

Answer 1

window.getSelection() 是您在所有主流浏览器中都需要的，除了 IE window.getSelection() 返回一个 Selection (spec) 对象，您可以从中提取代表所选内容的 DOM Range (spec)。

对于IE document.selection，或者使用我自己的Rangy之类的库，它在所有主流浏览器中提供了相同的基于标准的API。