diff --git a/packages/dialog/src/component.vue b/packages/dialog/src/component.vue
index 19c037c06..c4543a986 100644
--- a/packages/dialog/src/component.vue
+++ b/packages/dialog/src/component.vue
@@ -3,7 +3,7 @@
     name="dialog-fade"
     @after-enter="afterEnter"
     @after-leave="afterLeave">
-    <div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick" @mouseup="handleMouseup">
+    <div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
       <div
         role="dialog"
         aria-modal="true"
@@ -11,8 +11,7 @@
         class="el-dialog"
         :class="[{ 'is-fullscreen': fullscreen, 'el-dialog--center': center }, customClass]"
         ref="dialog"
-        :style="style"
-        @mousedown="handleMousedown">
+        :style="style">
         <div class="el-dialog__header">
           <slot name="title">
             <span class="el-dialog__title">{{ title }}</span>
@@ -40,8 +39,6 @@
   import Migrating from 'element-ui/src/mixins/migrating';
   import emitter from 'element-ui/src/mixins/emitter';
 
-  let dialogMouseDown = false;
-
   export default {
     name: 'ElDialog',
 
@@ -155,19 +152,9 @@
         };
       },
       handleWrapperClick() {
-        if (!this.closeOnClickModal || dialogMouseDown) return;
+        if (!this.closeOnClickModal) return;
         this.handleClose();
       },
-      handleMousedown() {
-        dialogMouseDown = true;
-      },
-      handleMouseup() {
-        if (dialogMouseDown) {
-          this.$nextTick(_ => {
-            dialogMouseDown = false;
-          });
-        }
-      },
       handleClose() {
         if (typeof this.beforeClose === 'function') {
           this.beforeClose(this.hide);