fix mobile

egoist · egoist · commit 3040c3c6608a · 2015-11-19T11:24:48.000+08:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-preload",
-  "version": "0.1.1",
+  "version": "0.1.11",
   "description": "Preloading data for Vue component",
   "main": "./vue-preload.js",
   "scripts": {
diff --git a/src/register.js b/src/register.js
@@ -24,6 +24,14 @@ export default function (Vue, options) {
     })
   }
 
+  function isMobile() {
+    return navigator.userAgent.indexOf('Windows Phone') > -1
+      || navigator.userAgent.indexOf('Android') > -1
+      || navigator.userAgent.indexOf('iPad') > -1
+      || navigator.userAgent.indexOf('iPhone') > -1
+      || navigator.userAgent.indexOf('Mobile') > -1
+  }
+
   Vue.directive('preload', {
     bind() {
       this.preLoading = false
@@ -48,8 +56,12 @@ export default function (Vue, options) {
         }
         this.setState(this.tmp)
       }
-      _.on(this.el, 'mouseover', this.handleMouseOver)
-      _.on(this.el, 'click', this.handleClick)
+      if (isMobile()) {
+        _.on(this.el, 'touchstart', this.handleMouseOver)
+      } else {
+        _.on(this.el, 'mouseover', this.handleMouseOver)
+        _.on(this.el, 'click', this.handleClick)
+      }
     },
     set(obj) {
       this.tmp = obj
@@ -64,7 +76,7 @@ export default function (Vue, options) {
     end() {
       this.preLoading = false
       this.hideBar()
-      if (this.clickToPreload) {
+      if (this.clickToPreload || isMobile()) {
         this.setState(this.tmp)
         this.clickToPreload = false
       }
@@ -86,8 +98,12 @@ export default function (Vue, options) {
       }
     },
     reset() {
-      _.off(this.el, 'mouseover', this.handleMouseOver)
-      _.off(this.el, 'click', this.handleClick)
+      if (isMobile()) {
+        _.off(this.el, 'touchstart', this.handleMouseOver)
+      } else {
+        _.off(this.el, 'mouseover', this.handleMouseOver)
+        _.off(this.el, 'click', this.handleClick)
+      }
     },
     unbind() {
       this.reset()
diff --git a/tests/index.html b/tests/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <title>Vue-Preload</title>
     <style>
       body {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-preload",`
`3`		`- "version": "0.1.1",`
	`3`	`+ "version": "0.1.11",`
`4`	`4`	`"description": "Preloading data for Vue component",`
`5`	`5`	`"main": "./vue-preload.js",`
`6`	`6`	`"scripts": {`