vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL165 Touch Events</title> </head> <body ontouchstart="zeigeXY(event);" ontouchmove="zeigeXY(event);"> <div ontouchstart="meinTouch(event);"> <p id="ausgabe" style="height: 500px; background: green;"></p> </div> <div id="anzeige" style="height: 400px; background: red"></div> <script> function meinTouch(event) { var wieViele = "Anzahl der Finger: "; wieViele += event.targetTouches.length; document.getElementById("ausgabe").innerHTML = wieViele; } function zeigeXY(event) { var x = event.touches[0].clientX; var y = event.touches[0].clientY; document.getElementById("anzeige").innerHTML = x + ", " + y; } </script> </body> </html>
