Post Top Ad

Your Ad Spot

martes, 14 de enero de 2020

Eventos touch

Los eventos táctiles son aquellos eventos que se activan al ver la página en un dispositivo móvil, como un teléfono inteligente o una tableta.
Le permiten rastrear eventos multitáctiles.
Tenemos 4 eventos táctiles:
  • touchstart se ha iniciado un evento táctil (se toca la superficie)
  • touchend un evento táctil ha finalizado (la superficie ya no se toca)
  • touchmove el dedo (o lo que sea que esté tocando el dispositivo) se mueve sobre la superficie
  • touchcancel el evento táctil ha sido cancelado
Cada vez que ocurre un evento táctil, se nos pasa un evento táctil :
const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})
Aquí están todas las propiedades a las que podemos acceder en ese evento
  • identifierUn identificador único para este evento específico. Se utiliza para rastrear eventos multitáctiles. Mismo dedo = mismo identificador.
  • clientXclientYlas coordenadas x e y del puntero del mouse en relación con la ventana del navegador, independientemente del desplazamiento
  • screenXscreenYlas coordenadas x e y del puntero del mouse en las coordenadas de la pantalla
  • pageXpageYlas coordenadas x e y del puntero del mouse en las coordenadas de la página (incluido el desplazamiento)
  • target el elemento tocado

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas