Toque eventos

Descubra los conceptos básicos para trabajar con eventos táctiles en JavaScript

Ver más enEventos de JavaScript

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 realizar un seguimiento de eventos multitáctiles.

Tenemos 4 eventos táctiles:

  • touchstartha comenzado un evento de toque (se toca la superficie)
  • touchendun evento de toque ha terminado (la superficie ya no se toca)
  • touchmoveel dedo (o lo que sea que esté tocando el dispositivo) se mueve sobre la superficie
  • touchcancelel evento táctil ha sido cancelado

Cada vez que ocurre un evento de toque, se nos pasa untoque evento:

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.
  • clientX/clientYlas coordenadas xey del puntero del mouse en relación con la ventana del navegador, independientemente del desplazamiento
  • screenX/screenYlas coordenadas xey del puntero del mouse en las coordenadas de la pantalla
  • pageX/pageYlas coordenadas xey del puntero del mouse en las coordenadas de la página (incluido el desplazamiento)
  • targetel elemento tocado

Más tutoriales de navegador: