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

时间:2012-09-13 09:33:18

标签: javascript jquery html5 text selection

如何检测浏览器中页面上选择的内容?示例:单击,按住,在页面上选择3个单词和1个图像,然后发布。

子问题:如何检测有人点击的信件?

不使用:跨度注入器破坏所有内容或WYSIWYG插件

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

可能会有很多用途,但我的目标是一个简单的“实时”页面编辑器,或者至少是一种了解某人点击/选择除了元素ID之外的内容的方法。

1 个答案:

答案 0 :(得分:3)

window.getSelection()是所有主要浏览器所需要的,除了IE< 9,它有不同的API。 window.getSelection()会返回Selectionspec)个对象,您可以从该对象中提取代表所选内容的DOM Rangespec)。

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