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

Question

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

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

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

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

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

Answer 1

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

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