在窗口上添加Vue.js事件

JavaScript Vue.js

飞云斯丁GO

2020-03-17

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)的站点

1个回答
宝儿Sam 2020.03.17

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

<GlobalEvents @mousemove="move"/>

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android