javascript - 在没有鼠标悬停的情况下选择文本时是否可以触发任何功能？

Question

这个问题已经有答案了:

Selected text event trigger in Javascript (10 个回答)

已关闭 4 年前。

我有一个内容可编辑的 div。因此，当在该 div 内选择任何文本时，我需要调用一个函数。通过鼠标和键盘选择文本时是否也可以触发功能。

Answer 1

DOM API 具有用于此目的的 selectionchange 事件:

https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange

不幸的是，该事件的偶数监听器只能附加到 document 对象，而不能附加到任何特定元素。

因此，您可以做的是将监听器附加到 mounted() Hook 中:

mounted() {
   document.addEventListener('selectionchange', this.handleSelectionChange);
}

我创建了一个显示用法的小示例项目。不幸的是，事件目标始终是文档。

https://codesandbox.io/s/kmxp4roz97