Sélectionnez le texte dans l'étendue lorsque vous cliquez dessus

Question

Je veux obtenir le texte sur lequel j'ai cliqué, donc si je clique sur le mot "mère", le journal n'affichera que le mot "mère", même s'il se trouve dans une plage contenant un autre mot,

J'ai utilisé ce code mais il ne sélectionne même pas la durée :

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

L'option

span-split fonctionne dans tous les navigateurs et élimine le besoin d'utiliser des bibliothèques tierces.

  
        
    

    sssccc