jQuery - 获取选择的段落、长度等

Question

我正在尝试完成一些我认为在 jQuery 中应该很容易完成的事情。

我的网站上有很长的文字。 每当用户选择（突出显示）文本时，我需要获取以下信息：

• 选择开始的段落
• 选择开始的段落中的字符
• 选择的长度
• 选择结束的段落（如果突出显示超出了一个段落）
• 选择结束的该段落中的字符，

谢谢；）

Answer 1

我想我之前已经在 Stack Overflow 上回答过所有这些问题。依次：

• 此处 的 getAncestor() 和 的组合getSelectionBoundaryContainerElement() 来自 此处将执行以下操作这
• 取决于“选择开始的段落中的字符”的含义。如果段落中可能包含其他元素而不仅仅是一个文本节点，则这会变得有点棘手。您可以调整这个。
• 同样，这取决于您所说的“选择的长度”的含义。您可以 获取选择文本作为字符串并使用其长度属性。
• 查看选择开始的答案
• 查看选择开始的答案

您需要对 API 进行一些研究才能做到这一点，这并不是坏事。

Answer 2

您需要使用 JavaScript 来处理任何涉及文本选择的事情。 jQuery 没有内置函数来检测选择的开始或结束位置。 Rangy http://code.google.com/p/rangy/ 可能是您可以做的事情用于此类目的。

Answer 3

查看

window.getSelection
document.getSelection
document.selection.createRange()

此网站上的示例：http://www.codetoad.com/javascript_get_selected_text.asp