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允许对元素应用事件:
<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-global-events库。
它还支持事件修饰符,例如
@keydown.up.ctrl.prevent="handler"
。