feat: useMouse supports drag and drop (#592)

- Adds the `dragover` event to continue to track mouse position while dragging.
vueuse · Jul 5, 2021 · bd745c8 · bd745c8
1 parent 8232036
commit bd745c8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/core/useMouse/index.md b/packages/core/useMouse/index.md
@@ -14,7 +14,8 @@ import { useMouse } from '@vueuse/core'
 const { x, y, source } = useMouse()
 ```
 
-Touching is enabled by default. To make it only detects mouse changes, set `touch` to `false`
+Touch is enabled by default. To only detect mouse changes, set `touch` to `false`.
+The `dragover` event is used to track mouse position while dragging.
 
 ```js
 const { x, y } = useMouse({ touch: false })

diff --git a/packages/core/useMouse/index.ts b/packages/core/useMouse/index.ts
@@ -62,6 +62,7 @@ export function useMouse(options: MouseOptions = {}) {
 
   if (window) {
     useEventListener(window, 'mousemove', mouseHandler, { passive: true })
+    useEventListener(window, 'dragover', mouseHandler, { passive: true })
     if (touch) {
       useEventListener(window, 'touchstart', touchHandler, { passive: true })
       useEventListener(window, 'touchmove', touchHandler, { passive: true })