diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
index cbe29ca..30d9f39 100644
--- a/src/components/Modal/index.tsx
+++ b/src/components/Modal/index.tsx
@@ -60,7 +60,7 @@ export function Modal (props: ModalProps) {
         return () => { document.body.removeChild(current) }
     }, [])
 
-    function handleMaskClick (e: MouseEvent) {
+    function handleMaskMouseDown (e: MouseEvent) {
         if (e.target === maskRef.current) {
             onClose()
         }
@@ -70,7 +70,7 @@ export function Modal (props: ModalProps) {
         <div
             className={classnames('modal-mask', { 'modal-show': show })}
             ref={maskRef}
-            onClick={handleMaskClick}
+            onMouseDown={handleMaskMouseDown}
         >
             <div
                 className={classnames('modal', `modal-${size}`, className)}