2015-01-12 8 views
7

gibt es ein Touch-Äquivalent des mouseenter.JS: Touch-Äquivalent für mouseenter

Ich möchte erkennen, ob Benutzer auf meinem DIV gleiten.

Ich ziehe eine Lösung direkt auf das Zielelement nicht auf ein übergeordnetes Element mit Nachzählen Positionen usw. abhängig

Der Standort: http://dizzyn.github.io/piano-game/ - arbeitet mit der Maus (Maus nach unten und schieben, nicht mit Tastschieber Arbeits) fein

Danke

Antwort

6

Blick in diese Ereignisse:

Berührungsstart Trigger, wenn der Benutzer den Kontakt mit der Oberfläche berühren macht schafft und einen Berührungspunkt innerhalb des Elements das Ereignis i s gebunden an.

touchmove Wird ausgelöst, wenn der Benutzer den Berührungspunkt über die Berührungsoberfläche bewegt.

touchend Wird ausgelöst, wenn der Benutzer einen Berührungspunkt von der Oberfläche entfernt. Es wird ausgelöst, unabhängig davon, ob der Berührungspunkt entfernt wird, während er sich innerhalb des gebundenen Elements befindet, oder außerhalb, z. B. wenn der Finger des Benutzers zuerst aus dem Element oder sogar über den Rand des Bildschirms gleitet.

touchenter Wird ausgelöst, wenn der Berührungspunkt in das gebundene Element eintritt. Dieses Ereignis blubbert nicht.

touchleave Löst aus, wenn der Berührungspunkt das gebundene Element verlässt. Dieses Ereignis blubbert nicht.

touchcancel Löst aus, wenn der Berührungspunkt nicht mehr auf der Berührungsoberfläche registriert wird. Dies kann auftreten, wenn der Benutzer den Berührungspunkt beispielsweise außerhalb der Benutzeroberfläche des Browsers oder in ein Plugin verschoben hat oder wenn ein Warnmeldungsmodal erscheint.

Speziell Touchenter und Touchleave.

http://www.javascriptkit.com/javatutors/touchevents.shtml

+0

Danke, scheint, dass "Touchenter" in Crome (Win8) nicht implementiert. Das hat mich verwirrt. –

+2

touchenter und touchleave sind [veraltet von der w3c] (http://www.w3.org/TR/touch-events/#list-of-touchevent-types), wie von [dieser Kommentator in einem anderen Thread] (http: //www.w3c.org/TR/touch-events/#list-of-touchevent-types) erwähnt : //stackoverflow.com/a/26018227/1318399). – LazyMonkey