Register MSPointer events on document to enable them on Windows Phone 8

LEV7n · Sep 15, 2013 · 74ca007 · 74ca007
1 parent 716b2ac
commit 74ca007
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/src/touch.js b/src/touch.js
@@ -46,8 +46,8 @@
 
   $(document).ready(function(){
     var now, delta
-    
-    $(document.body)
+
+    $(document)
       .bind('MSGestureEnd', function(e){
         var swipe_dir = e.velocityX > 1 ? 'Right' : e.velocityX < -1 ? 'Left' : e.velocityY > 1 ? 'Down' : e.velocityY < -1 ? 'Up' : null;
         if (swipe_dir) {

diff --git a/test/touch.html b/test/touch.html
@@ -10,8 +10,8 @@
   <script src="../src/polyfill.js"></script>
   <script src="../src/zepto.js"></script>
   <script src="../src/event.js"></script>
-  <script src="../src/touch.js"></script>
   <script src="../src/ie.js"></script>
+  <script src="../src/touch.js"></script>
 </head>
 <body>
   <h1>Touch tests</h1>

diff --git a/test/touch_functional.html b/test/touch_functional.html
@@ -3,16 +3,25 @@
 <head>
   <meta charset="utf-8">
   <title>Zepto touch functional test</title>
+  <meta http-equiv="x-ua-compatible" content="IE=edge">
   <meta name="viewport" content="maximum-scale=1,initial-scale=1,user-scalable=0">
   <script src="../src/polyfill.js"></script>
   <script src="../src/zepto.js"></script>
   <script src="../src/event.js"></script>
-  <script src="../src/touch.js"></script>
   <script src="../src/ie.js"></script>
+  <script src="../src/touch.js"></script>
 </head>
 <body>
   <h1>Zepto touch functional test</h1>
 
+  <p>
+    Browser supports touch events?
+    <script>document.write('ontouchstart' in window)</script><br>
+
+    Browser supports MS pointer events?
+    <script>document.write(!!navigator.msPointerEnabled)</script>
+  </p>
+
   <div id="touch_test" style="width: 200px; height: 200px; background: #cce; -webkit-user-select: none">
     touch events test
   </div>

diff --git a/test/touchcancel_functional.html b/test/touchcancel_functional.html
@@ -7,8 +7,8 @@
   <script src="../src/polyfill.js"></script>
   <script src="../src/zepto.js"></script>
   <script src="../src/event.js"></script>
-  <script src="../src/touch.js"></script>
   <script src="../src/ie.js"></script>
+  <script src="../src/touch.js"></script>
 </head>
 <body>
   <h1>Zepto touch functional test</h1>