javascript - 确定getselection() 是否跨越不同的节点

Question

我知道这window.getselection()可以帮助我获得我选择的内容。

现在我正在尝试编写一个函数，以识别用户是否选择了不同节点的内容。

例如：

<li>
    first node
</li>
<li>
    second node
</li>
<li>
    third node
</li>

如果用户从第一个到第三个选择，我怎样才能得到用户的选择在哪里开始和结束，用户从哪个节点开始和结束它的选择？

如果 和 之间有兄弟姐妹和anchorNode孩子focusNode？我也可以得到它的信息吗？

Answer 1

您可以使用 object 的anchorNode和focusNode属性Selection来识别选择开始和结束的节点：

var startNode  = window.getSelection().anchorNode;
var finishNode = window.getSelection().focusNode;