Eventos táctiles

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

Ver más sobre los eventos de JavaScript

Los eventos táctiles son aquellos eventos que se activan al visualizar la página en un dispositivo móvil, como un teléfono inteligente o una tableta.

Permiten realizar un seguimiento de eventos multitáctiles.

Tenemos 4 eventos táctiles:

• touchstartSe ha iniciado un evento táctil (se toca la superficie)
• touchendUn evento táctil ha finalizado (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 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.
• clientX/ clientYlas coordenadas xey del puntero del ratón en relación con la ventana del navegador, independientemente del desplazamiento
• screenX/ screenYlas coordenadas xey del puntero del ratón en las coordenadas de la pantalla
• pageX/ pageYlas coordenadas xey del puntero del ratón en las coordenadas de la página (incluido el desplazamiento)
• targetEl elemento tocado

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Eventos táctiles

Ver más sobre los eventos de JavaScript Descubra los conceptos básicos para trabajar con eventos táctiles en JavaScript Descubra los conceptos básicos para

programar

es

2025-01-22

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente