Window.getSelection () onchange не работает

Question

Я пытаюсь вызвать функцию при изменении выбранного текста на веб-сайте.

Сейчас ничего не происходит:

<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

Вы можете использовать document.onselectionchange, который будет запущен, если selectionchange, например:

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>

Answer 2

Попробуй так:

 document.onselectionchange = () => {

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

     console.log(text)

  };