diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 09c36851a..f5a0f6a44 100644
--- a/src/number-keyboard/Key.js
+++ b/src/number-keyboard/Key.js
@@ -38,6 +38,10 @@ export default createComponent({
     }
   },
 
+  mounted() {
+    this.bindTouchEvent(this.$el);
+  },
+
   methods: {
     onTouchStart(event) {
       // compatible with Vue 2.6 event bubble bug
@@ -65,15 +69,7 @@ export default createComponent({
 
   render() {
     return (
-      <i
-        role="button"
-        tabindex="0"
-        class={[BORDER, this.className]}
-        onTouchstart={this.onTouchStart}
-        onTouchmove={this.onTouchMove}
-        onTouchend={this.onTouchEnd}
-        onTouchcancel={this.onTouchEnd}
-      >
+      <i role="button" tabindex="0" class={[BORDER, this.className]}>
         {this.slots('default') || this.text}
       </i>
     );