diff --git a/packages/vue/src/input/src/mobile-first.vue b/packages/vue/src/input/src/mobile-first.vue
index 9d51b187e..1aa3b2826 100644
--- a/packages/vue/src/input/src/mobile-first.vue
+++ b/packages/vue/src/input/src/mobile-first.vue
@@ -232,6 +232,7 @@
             role="button"
             :aria-label="state.passwordVisible ? 'hide password' : 'show password'"
             tabindex="0"
+            @mousedown.prevent
             @click.native="handlePasswordVisible"
           ></component>
           <component
@@ -246,6 +247,7 @@
             role="button"
             :aria-label="state.maskValueVisible ? 'hide content' : 'show content'"
             tabindex="0"
+            @mousedown.prevent
             @click.native="state.maskValueVisible = !state.maskValueVisible"
           ></component>
           <span
diff --git a/packages/vue/src/input/src/pc.vue b/packages/vue/src/input/src/pc.vue
index e3bd77fb7..656165eee 100644
--- a/packages/vue/src/input/src/pc.vue
+++ b/packages/vue/src/input/src/pc.vue
@@ -143,6 +143,7 @@
                 role="button"
                 :aria-label="state.passwordVisible ? 'hide password' : 'show password'"
                 tabindex="0"
+                @mousedown.prevent
                 @click.native="handlePasswordVisible"
               ></component>
               <component
@@ -152,6 +153,7 @@
                 role="button"
                 :aria-label="state.maskValueVisible ? 'hide content' : 'show content'"
                 tabindex="0"
+                @mousedown.prevent
                 @click.native="state.maskValueVisible = !state.maskValueVisible"
               ></component>
               <span