The Tor Browser: browser/devtools/responsivedesign/test/touch.html@b8a032363ba2

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     1 <!DOCTYPE html>

     3 <meta charset=utf-8 />

     4 <title>test</title>

     7 <style>

     8   div {

     9     border:1px solid red;

    10     width: 100px; height: 100px;

    11   }

    12 </style>

    14 <div></div>

    16 <script>

    17   var div = document.querySelector("div");

    18   var initX, initY;

    21   div.addEventListener("touchstart", function(evt) {

    22     var touch = evt.changedTouches[0];

    23     initX = touch.pageX;

    24     initY = touch.pageY;

    25   }, true);

    27   div.addEventListener("touchmove", function(evt) {

    28     var touch = evt.changedTouches[0];

    29     var deltaX = touch.pageX - initX;

    30     var deltaY = touch.pageY - initY;

    31     div.style.transform = "translate(" + deltaX + "px, " + deltaY + "px)";

    32   }, true);

    34   div.addEventListener("touchend", function(evt) {

    35     div.style.transform = "none";

    36   }, true);

    37 </script>

The Tor Browser / file revision