Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在没有鼠标点击的情况下选择文本是否可以触发任何功能?_Javascript_Html_Vue.js - Fatal编程技术网

Javascript 在没有鼠标点击的情况下选择文本是否可以触发任何功能?

Javascript 在没有鼠标点击的情况下选择文本是否可以触发任何功能?,javascript,html,vue.js,Javascript,Html,Vue.js,我有一个内容可编辑的div。因此,当在该div中选择任何文本时,我需要调用一个函数。当通过鼠标和键盘选择文本时,是否也可以触发一个函数。DOM API有selectionchange事件: 不幸的是,该事件的偶数侦听器只能附加到文档对象,而不能附加到任何特定元素 因此,您可以在mounted()hook中附加侦听器: mounted() { document.addEventListener('selectionchange', this.handleSelectionChange);

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

DOM API有
selectionchange
事件:

不幸的是,该事件的偶数侦听器只能附加到
文档
对象,而不能附加到任何特定元素

因此,您可以在
mounted()
hook中附加侦听器:

mounted() {
   document.addEventListener('selectionchange', this.handleSelectionChange);
}
我已经创建了一个小的示例项目,展示了它的用法。不幸的是,事件目标总是
document


DOM API有
selectionchange
事件:

不幸的是,该事件的偶数侦听器只能附加到
文档
对象,而不能附加到任何特定元素

因此,您可以在
mounted()
hook中附加侦听器:

mounted() {
   document.addEventListener('selectionchange', this.handleSelectionChange);
}
我已经创建了一个小的示例项目,展示了它的用法。不幸的是,事件目标总是
document


我使用这个函数,希望它有帮助:)我使用这个函数,希望它有帮助:)它没有触发任何函数。这是浏览器兼容性的问题吗?或者我在那个div中有更多的事件,所以这些事件阻止了这一切?@ShanakaNuwan检查我的更新答案。不幸的是,我的第一种方法没有任何作用。谢谢@connexo它正在工作。它没有任何功能。这是浏览器兼容性的问题吗?或者我在那个div中有更多的事件,所以这些事件阻止了这一切?@ShanakaNuwan检查我的更新答案。不幸的是,我的第一种方法没有任何作用。谢谢你@connexo,它起作用了。