重庆网站查询,网站营销教程,官网首页入口百度,南宁商城开发前言正如这个名字#xff0c;这是一个具有拖拽吸附功能的浮窗菜单#xff0c;开源项目一个基于 vue 的浮窗组件,可在屏幕内自由拖拽#xff0c;拖拽后可以根据最后的位置吸附到页面两边#xff0c;而且可以点击浮窗显示菜单效果如下:遇到的问题总结鼠标移动过快#xff0c…前言正如这个名字这是一个具有拖拽吸附功能的浮窗菜单开源项目一个基于 vue 的浮窗组件,可在屏幕内自由拖拽拖拽后可以根据最后的位置吸附到页面两边而且可以点击浮窗显示菜单效果如下:遇到的问题总结鼠标移动过快导致拖拽失焦moveStart(e) {// ... ...省略号... ...// 具体可以在github项目里查看document.onmousemove async (e) {this.clickFlag false;this.moveFlags true;// 在这里边处理拖拽时的位置更新,就是因为这个。// 我之前是单独通过监听mousemove的方法所以遇到了这个问题};document.onmouseup () {document.onmousemove null;document.onmouseup null;this.moveEnd();};},判断是否是点击事件toggleMenu() {// 如果上一次down事件到下一次click事件中 相同即为点击事件if (this.lastMoveIndex this.curMoveIndex) {//点击事件}this.curMoveIndex this.lastMoveIndex;},moveStart(e) {// ... ...省略号... ...// 具体可以在github项目里查看document.onmousemove async (e) {this.lastMoveIndex;};document.onmouseup () {document.onmousemove null;document.onmouseup null;this.moveEnd();};},Usage
