OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html style="width: 100%; height: 100%"> | 2 <html style="width: 100%; height: 100%"> |
3 <head> | 3 <head> |
4 <script> | 4 <script> |
5 function touchHandler(e, type) { | 5 function touchHandler(e, type) { |
6 var touchResult = document.getElementById("last-touch-event"); | 6 var touchResult = document.getElementById("last-touch-event"); |
7 touchResult.innerHTML = type; | 7 touchResult.innerHTML = type; |
8 } | 8 } |
9 | 9 |
10 function getLastTouchEvent() { | 10 function getLastTouchEvent() { |
(...skipping 15 matching lines...) Expand all Loading... |
26 document.body.addEventListener('touchend', | 26 document.body.addEventListener('touchend', |
27 function(e){ | 27 function(e){ |
28 touchHandler(e, "touchend"); | 28 touchHandler(e, "touchend"); |
29 }, false); | 29 }, false); |
30 }, false); | 30 }, false); |
31 </script> | 31 </script> |
32 </head> | 32 </head> |
33 | 33 |
34 <!-- Be sure to set 100% width/height so the test can determine an appropriate | 34 <!-- Be sure to set 100% width/height so the test can determine an appropriate |
35 screen region for targeting events. --> | 35 screen region for targeting events. --> |
36 <body style="width: 100%; height: 100%"> | 36 <!-- Make the body touch-action: none to force sending the touch action back |
| 37 to the browser during the test, so we can verify that functionality. --> |
| 38 <body style="width: 100%; height: 100%; touch-action: none"> |
37 Page with Touch Handler | 39 Page with Touch Handler |
38 <div id="last-touch-event">noevent</div> | 40 <div id="last-touch-event">noevent</div> |
39 </body> | 41 </body> |
40 </html> | 42 </html> |
OLD | NEW |