Vue.js允许对元素应用事件:
<div id="app">
<button @click="play()">Play</button>
</div>
但是如何在window
对象上应用事件?它不在DOM中。
例如:
<div id="app">
<div @mousedown="startDrag()" @mousemove="move($event)">Drag me</div>
</div>
在此示例中,如何监听mousemove事件window
?
在窗口上添加Vue.js事件
Vue.js允许对元素应用事件:
<div id="app">
<button @click="play()">Play</button>
</div>
但是如何在window
对象上应用事件?它不在DOM中。
例如:
<div id="app">
<div @mousedown="startDrag()" @mousemove="move($event)">Drag me</div>
</div>
在此示例中,如何监听mousemove事件window
?
第1886篇《在窗口上添加Vue.js事件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
相似问题
问题类别
您也可以使用vue-global-events库。
它还支持事件修饰符,例如
@keydown.up.ctrl.prevent="handler"
。