在窗口上添加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

宝儿Sam2020/03/17 15:09:35

您也可以使用vue-global-events库。

<GlobalEvents @mousemove="move"/>

它还支持事件修饰符,例如@keydown.up.ctrl.prevent="handler"