| Index: sky/examples/touch-demo.sky
|
| diff --git a/sky/examples/touch-demo.sky b/sky/examples/touch-demo.sky
|
| index 469fc5eed047c6ed9efdf84c80bc0907db40f4a9..2ac13954188d326271ab417657b77148fd367cfb 100644
|
| --- a/sky/examples/touch-demo.sky
|
| +++ b/sky/examples/touch-demo.sky
|
| @@ -15,22 +15,20 @@ dot {
|
| var dot = document.querySelector("dot");
|
| var log = document.querySelector("log");
|
|
|
| -function logTouchEvent(evt) {
|
| +function logPointerEvent(evt) {
|
| var message = "type=" + event.type;
|
| - if (evt.touches && evt.touches.length > 0) {
|
| - var x = evt.touches[0].clientX.toFixed(2);
|
| - var y = evt.touches[0].clientY.toFixed(2);
|
| - message += " x=" + x + " y=" + y;
|
| + var x = evt.x.toFixed(2);
|
| + var y = evt.y.toFixed(2);
|
| + message += " x=" + x + " y=" + y;
|
|
|
| - var transform = "translate(" + (x - 50) + "px," + (y - 50) + "px)";
|
| - dot.style.transform = transform;
|
| - }
|
| + var transform = "translate(" + (x - 50) + "px," + (y - 50) + "px)";
|
| + dot.style.transform = transform;
|
| log.textContent = message;
|
| }
|
|
|
| -document.documentElement.addEventListener("touchstart", logTouchEvent);
|
| -document.documentElement.addEventListener("touchmove", logTouchEvent);
|
| -document.documentElement.addEventListener("touchend", logTouchEvent);
|
| -document.documentElement.addEventListener("touchcancel", logTouchEvent);
|
| +document.documentElement.addEventListener("pointerdown", logPointerEvent);
|
| +document.documentElement.addEventListener("pointermove", logPointerEvent);
|
| +document.documentElement.addEventListener("pointerup", logPointerEvent);
|
| +document.documentElement.addEventListener("pointercancel", logPointerEvent);
|
| </script>
|
| </sky>
|
|
|