posts/vue-float-button

[utterances-bot]

在 Vue3 中实现飘逸的元素拖拽 | 94code

元素拖拽是一个比较典型的前端学习案例，需要对 JavaScript 的事件有一定的了解，我也是在最近的工作中才重新拾起了这块内容，通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。

https://www.94code.cn/posts/vue-float-button.html

[OSpoon]

我在项目中的处理click事件的思路是：

1. 在mousedown中移除click事件，并在mouseup中重新添加click事件；
2. 在mousedown为document添加mousemove和mouseup时要延迟200毫秒，将这200毫秒让给click事件；
3. 在使用组件时通过在子组件派发事件来进行回调，不允许自行添加click事件；