Touch-Events

Es ist möglich, touch-fähige Apps zu entwickeln, die auf vielen mobilen Geräten funktionieren Touch-fähige Desktop-Browser stehen kurz bevor; bereiten Sie sich jetzt darauf vor Erstmals eingeführt in Mobile Safari für iOS 2.0 Vier grundlegende Events: touchstart touchmove touchend touchcancel Felder des Event-Objekts: touches targetTouches changedTouches Modifikatortasten (Shift, Alt, Strg, Meta) Felder des Touch-Objekts: identifier clientX/Y pageX/Y screenX/Y Mittlerweile ein W3C-Arbeitsentwurf Noch bestehen viele Unterschiede zwischen den Herstellern: touchenter / touchleave ( Firefox , Blackberry ) gesturestart / gesturechange / gestureend (mobile Safari) MSPointer* / MSGesture* (IE10) Native-ähnliches Verhalten Geräte mit alternativen Eingabemethoden Multi-Touch FF6+ unterstützt W3C-konforme Touch-Events IE10 bietet MSPointer* / MSGesture* Noch keine Unterstützung in WebKit Standard-Gestensteuerung deaktivieren (Verschieben / Zoomen / Scrollen) und document.body.addEventListener(‘touchmove’, function(event) { event.preventDefault(); }, false); Standard-Gestensteuerung deaktivieren (Verschieben / Zoomen / Scrollen) Rendering in einer Schleife verarbeiten: var touches = [], // hier könnte auch requestAnimationFrame() verwendet werden renderLoop = setInterval(function() { draw(touches); // unsere Zeichnungsfunktion aufrufen }, 15); myElement.addEventListener(‘touchmove’, function(e) { touches = e.touches; }, false); Standard-Gestensteuerung deaktivieren (Verschieben / Zoomen / Scrollen) Rendering in einer Schleife verarbeiten Unterstützung für Geräte mit Single-Touch (z.

B. Android-Smartphones) Standard-Gestensteuerung deaktivieren (Verschieben / Zoomen / Scrollen) Rendering in einer Schleife verarbeiten Unterstützung für Geräte mit Single-Touch (z. B. Android-Smartphones) Maus-Events behandeln für: Smartphones mit physischer Zeiger-Hardware (z.

B. viele Android-Handys) Smartphones ohne Touch-Event-Unterstützung (z. B. Windows Phone 7) Desktop-Browser ohne Touch-Unterstützung (z. B. Chrome) Standard-Gestensteuerung deaktivieren (Verschieben / Zoomen / Scrollen) Rendering in einer Schleife verarbeiten Unterstützung für Geräte mit Single-Touch (z.

Unsere Wahl: Unity Asset Store — Vorgefertigte Grafiken, Tools und Vorlagen, die direkt in Ihr Unity-Projekt eingefügt werden.

B. Android-Smartphones) Maus-Events behandeln Unterstützung für touch-fähige Desktop-Browser: Firefox (W3C-konforme Touch-Events) IE10 (MSPointer*) @ @ggoodale