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