1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/responsivedesign/test/touch.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,37 @@
1.4 +<!DOCTYPE html>
1.5 +
1.6 +<meta charset=utf-8 />
1.7 +<title>test</title>
1.8 +
1.9 +
1.10 +<style>
1.11 + div {
1.12 + border:1px solid red;
1.13 + width: 100px; height: 100px;
1.14 + }
1.15 +</style>
1.16 +
1.17 +<div></div>
1.18 +
1.19 +<script>
1.20 + var div = document.querySelector("div");
1.21 + var initX, initY;
1.22 +
1.23 +
1.24 + div.addEventListener("touchstart", function(evt) {
1.25 + var touch = evt.changedTouches[0];
1.26 + initX = touch.pageX;
1.27 + initY = touch.pageY;
1.28 + }, true);
1.29 +
1.30 + div.addEventListener("touchmove", function(evt) {
1.31 + var touch = evt.changedTouches[0];
1.32 + var deltaX = touch.pageX - initX;
1.33 + var deltaY = touch.pageY - initY;
1.34 + div.style.transform = "translate(" + deltaX + "px, " + deltaY + "px)";
1.35 + }, true);
1.36 +
1.37 + div.addEventListener("touchend", function(evt) {
1.38 + div.style.transform = "none";
1.39 + }, true);
1.40 +</script>
