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

时间:2019-01-09 11:54:57

标签: javascript html vue.js

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

1 个答案:

答案 0 :(得分:2)

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