使用@mousedown,@mouseup,@mousemove分别创建三个方法实现会出现鼠标快速移动的时候出现框卡住。
所以只能使用原生js来解决
1,标签看你用的哪个UI框架,事件只加这一个即可,然后这个你想在哪个区域实现拖动事件 @mousedown 就放在哪里
<v-btn @mousedown="mousedown" />
2,然后是data部分
data () { return { isKeyDown:false, dinatesX:0, dinatesY:0, } },
mousedown(e){ this.isKeyDown = true this.dinatesX = e.x this.dinatesY = e.y document.onmousemove = (ev) => { if(this.isKeyDown){ const x = ev.screenX - this.dinatesX const y = ev.screenY - this.dinatesY //给主进程传入坐标 this.$electron.ipcRenderer.send('move-application',{ appx:x, appY:y }) } }; document.onmouseup = (ev) => { this.isKeyDown = false }; }
4,主进程方法,例如:background.js
ipcMain.on('move-application',(event,res) => { mainWindow && mainWindow.setPosition(res.appx,res.appY) })
这时就可以了,完成。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。