確定getselection（）是否跨越不同節點

Question

我知道window.getselection()可以幫助我獲取所選內容。

現在我正在嘗試編寫一個函數，以確定用戶是否選擇了跨不同節點的內容。

例如：

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

如果用戶從第一到第三個選擇，我怎麼能得到哪裏用戶的選擇開始和結束，這點做的用戶開始和結束它的選擇？

如果有兄弟姐妹和anchorNode和focusNode之間的孩子？我能否獲得它的信息？

Answer 1

可以使用Selection對象的anchorNode和focusNode屬性來標識節點哪個選擇開始和結束：

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