| 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 |