2015-01-12 18 views
7

esiste un equivalente touch del mouseenter.JS: Touch equivalente per mouseenter

Vorrei rilevare se l'utente scorre sul mio DIV.

Io preferisco una soluzione dipendente direttamente l'elemento di destinazione non su un elemento genitore con posizioni che raccontano ecc

Il sito: http://dizzyn.github.io/piano-game/ - funziona bene con il mouse (il mouse verso il basso e scorrevole, che non funziona con il tocco di diapositive)

Grazie

risposta

6

Guardate in questi eventi:

TouchStart innesca quando l'utente entra in contatto con la superficie touch e crea un punto di contatto all'interno dell'elemento della manifestazione i s legato a.

touchmove Attiva quando l'utente sposta il punto di contatto sulla superficie tattile.

touchend Attiva quando l'utente rimuove un punto di contatto dalla superficie. Spara indipendentemente dal fatto che il punto di tocco venga rimosso mentre si trova all'interno dell'elemento bound-to o all'esterno, ad esempio se il dito dell'utente scorre prima dall'elemento o addirittura dal bordo dello schermo.

touchenter Trigger quando il punto di tocco entra nell'elemento bound-to. Questo evento non bolle.

touchleave Trigger quando il punto di tocco lascia l'elemento bound-to. Questo evento non bolle.

touchcancel Trigger quando il punto di tocco non si registra più sulla superficie tattile. Ciò può verificarsi se l'utente ha spostato il punto di tocco all'esterno dell'interfaccia utente del browser o in un plug-in, ad esempio, o se viene visualizzata una modal di avviso.

Specificamente touchenter e touchleave.

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

+0

Grazie, sembra che "TouchEnter" non è implementata in Crome (Win8). Questo mi ha confuso. –

+2

touchenter e touchleave sono [deprecati dal w3c] (http://www.w3.org/TR/touch-events/#list-of-touchevent-types), come notato da [questo commentatore su un altro thread] (http : //stackoverflow.com/a/26018227/1318399). – LazyMonkey

Problemi correlati