Window.getSelection() onchange not working

Question

I am trying to call a function when the selected text on a website changes.

Right now nothing happens:

<textarea name="" id="" cols="30" rows="10"></textarea>
<script>    
var selection = null;

window.getSelection().toString().addEventListener('change', function() {
    selection = window.getSelection().toString();
  alert(selection);
});
</script>

Answer 1

Try like this :

 document.onselectionchange = () => {

     let text = window.getSelection().toString();

     console.log(text)

  };

Answer 2

You could use document.onselectionchange that will be fired if the selectionchange , like :

 document.onselectionchange = function() { console.log(window.getSelection().toString()); }; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea name="" id="" cols="30" rows="10"></textarea>