Wählen Sie beim Klicken Text innerhalb des Bereichs aus

Question

Ich möchte den Text erhalten, auf den ich geklickt habe. Wenn ich also auf das Wort „Mutter“ klicke, wird im Protokoll nur das Wort „Mutter“ angezeigt, obwohl es innerhalb eines Bereichs liegt, der ein anderes Wort enthält,

Ich habe diesen Code verwendet, aber er wählt nicht einmal die Spanne aus:

function getSelectedText(e) {

    if(window.getSelection)
        return console.log(window.getSelection().toString());
    else if(document.getSelection)
        return console.log(document.getSelection());
    else if(document.selection)
        return console.log(document.selection.createRange().text);
    return console.log("");
    
}

document.body.onmouseup = getSelectedText;

<div class="destination">
  <span class="word">sister mother</span>
  <span class="word" >brother</span>
  <span class="word" >father</span>
</div>

<h1>hi</h1>

Answer 1

span-split 选项适用于所有浏览器，并且无需使用第三方库。