diff --git a/packages/directives/click-outside/index.ts b/packages/directives/click-outside/index.ts
index 98ba3b0e79..b2345aeb85 100644
--- a/packages/directives/click-outside/index.ts
+++ b/packages/directives/click-outside/index.ts
@@ -18,12 +18,12 @@ const nodeList: FlushList = new Map()
 let startClick: MouseEvent
 
 if (!isServer) {
-  on(document, 'mousedown', (e: MouseEvent) => (startClick = e))
+  on(document, 'mousedown', (e: MouseEvent) => (startClick = e), true)
   on(document, 'mouseup', (e: MouseEvent) => {
     for (const { documentHandler } of nodeList.values()) {
       documentHandler(e, startClick)
     }
-  })
+  }, true)
 }
 
 function createDocumentHandler(