如果在不使用mouseup的情况下选择了文本，是否可以触发任何功能？

Question

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

Answer 1

DOM API为此具有selectionchange事件：

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

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

因此，您可以做的是将侦听器连接到mounted()钩子中：

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

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

https://codesandbox.io/s/kmxp4roz97