Sha256: 0c74fd8a967c76889af965b79a4dc59e6e2804e49360cca3207725f271a39204

Contents?: true

Size: 908 Bytes

Versions: 7

Compression:

Stored size: 908 Bytes

Contents

<!DOCTYPE html>
<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Multitouch Test</title>
  </head>
  <body>
   <div style="width:80%; height: 200px; border: 1px solid black; font-size: 5em;" id="box">
   </div>
   Touch inside the box. On a touch enabled browser, you will get the number
   of detected touch events. If the box is red, your browser does not support
   touch events.
  <script>
    var box = document.getElementById("box");
    box.addEventListener("touchstart", function(evt) {
        box.innerHTML = evt.touches.length;
        evt.preventDefault();
    });    
    box.addEventListener("touchmove", function(evt) {
        box.innerHTML = evt.touches.length;
        evt.preventDefault();
    });    
    if (!(typeof box.ontouchstart != 'undefined')) { 
        box.style.backgroundColor = "red";
    }    
  </script>
  </body>
</html>  

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
postrunner-0.0.10 misc/openlayers/examples/multitouch.html
postrunner-0.0.9 misc/openlayers/examples/multitouch.html
postrunner-0.0.8 misc/openlayers/examples/multitouch.html
postrunner-0.0.7 misc/openlayers/examples/multitouch.html
postrunner-0.0.6 misc/openlayers/examples/multitouch.html
postrunner-0.0.5 misc/openlayers/examples/multitouch.html
postrunner-0.0.4 misc/openlayers/examples/multitouch.html