是否满足于在文本范围内选择哪些孩子？

Question

所以我有一个带有多个子段落的contenteditable div：

<div id="editor" contenteditable="true">
    <p>Paragraph1</p>
    <p>Paragraph2</p>
    <p>Paragraph3</p>
    <p>Paragraph4</p>
</div>

因此，使用window.getSelection()，我会看到所选的文字，我知道如果startContainer, startOffset我可以获得范围开始的位置，endContainer, endOffset结束的位置。{{1}} 但是，如果我的选择跨越多个子段落，我如何判断选择了哪些孩子？

Answer 1

您可以使用与以下答案中的函数类似的函数，并过滤节点数组以仅包含<p>个元素：

https://stackoverflow.com/a/7784176/96100