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>