javascript - 获取 window.getSelection().anchorNode 的属性

Question

window.getSelection().anchorNode 返回有关用户单击以开始选择的节点的大量详细信息，但我如何获取该文本节点的属性，如 class, id 等?

例子:

<span id="word1">Aaa</span>
<span id="word2">Bbb</span>

用户选择了这两个 span 中的某些内容，我需要知道他从哪里开始选择，是在 #word1 还是在 #word2

Answer 1

我猜你需要这个:window.getSelection().anchorNode.parentNode

window.onclick = function() {
  console.log(window.getSelection().anchorNode.parentNode)
  console.log(window.getSelection().anchorNode.parentNode.className);
  console.log(window.getSelection().anchorNode.parentNode.id)
}

<p class="cls" id="p1">p tag with class="cls" and id="p1",try to select something</p>