javascript - 是否有一个事件可以告诉我文本区域的选择/光标位置何时发生变化？

Question

我正在使用 selectionStart、selectionEnd 和 selectionPosition 属性来操作我正在操作的文本区域，但我需要一个事件当这些值发生变化时会告诉我？

我找到了document selectionchange event ，但这并不是我想要的。当文档中的任何选择发生更改(过多)时，它会直接在文档上触发。我想要一些范围仅限于文本区域的内容。

这样的事件存在吗？

如果没有，我将被迫使用文档的选择更改事件或文本区域上的键盘/鼠标组合以及一些额外条件以确保它确实发生了更改。

Answer 1

似乎您无法在元素上触发选择更改事件，因此我们需要添加到文档中。

该选择仅在给定时间发生一次，因此收听并根据需要进行过滤确实没有问题。请记住，无论如何，元素上的所有事件都会传播到 document，我们只是不监听所有事件。

向演示添加了一个片段。

片段:

const target = document.querySelector('#content');

document.addEventListener('selectionchange', checkSelection);

function checkSelection(e) {
  if(document.activeElement !== target) {
    return;
  }
  
  console.log(document.getSelection().toString());
}

<textarea id="content">
  How do I check where the cursor is?
</textarea>

<textarea id="notme">
  Not this content please
</textarea>