browser/devtools/responsivedesign/test/touch.html@6474c204b198
browser/devtools/responsivedesign/test/touch.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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>
