¿Qué es el atributo de acción táctil CSS?
Atributo CSS ?touch-action: especifica si un área determinada permite las operaciones del usuario y cómo responder a las operaciones del usuario (como el deslizamiento del navegador, el zoom, etc.).
El atributo de acción táctil se puede especificar como:
1. Cualquiera de las palabras clave: automático, ninguno, manipulación o
2. de palabras clave ?pan-x, panorámica-izquierda, panorámica-derecha, más cero o cualquiera de las palabras clave ?pan-y, panorámica arriba, panorámica abajo, más la palabra clave opcional ?pellizcar-zoom.
1. auto
Cuando se produce un evento táctil en un elemento, el navegador decide qué operaciones realizar, como suavizar y escalar la ventana gráfica.
2. none
Cuando ocurre un evento táctil en un elemento, no se realiza ninguna operación.
3. pan-x
Habilite el gesto de panorámica horizontal con un solo dedo. Se puede utilizar en combinación con panorámica, panorámica hacia arriba, panorámica hacia abajo y/o zoom de pellizco.
4. pan-y
Habilite el gesto de panorámica vertical con un solo dedo. Se puede utilizar en combinación con panorámica-x, panorámica izquierda, panorámica derecha y/o pellizco-zoom.
5. Manipulación
El navegador sólo permite operaciones de desplazamiento y zoom continuo. No se admite ningún otro comportamiento admitido por el valor automático. Habilita los gestos de panorámica y zoom, pero desactiva otros gestos no estándar, como tocar dos veces para hacer zoom. Deshabilitar el zoom al hacer doble clic reduce la necesidad de que el navegador retrase la generación de eventos de clic cuando el usuario toca la pantalla. Este es un alias de "pan-x pan-y pinch-zoom" (que a su vez todavía funciona por compatibilidad).
6. ¿Pan-izquierda,? Pan-derecha, pan-arriba, pan-abajo?
Habilite gestos con un solo dedo que comiencen a desplazarse en la dirección especificada. Una vez que comienza el desplazamiento, aún es posible invertir la dirección. Tenga en cuenta que el desplazamiento "panorámico hacia arriba" significa que el usuario arrastra el dedo hacia abajo sobre la superficie de la pantalla y, de manera similar, el desplazamiento panorámico hacia la izquierda significa que el usuario arrastra el dedo hacia la derecha. Se pueden combinar varias direcciones a menos que haya una representación más simple (por ejemplo, "panorámica hacia la izquierda, panorámica hacia la derecha" no es válida porque "panorámica hacia la izquierda y panorámica hacia abajo" es válida).
7. Pellizcar-zoom
Habilite la panorámica y el zoom de la página con varios dedos. Esto se puede combinar con cualquier valor de traducción.
De forma predeterminada, los gestos de desplazamiento y zoom son manejados exclusivamente por el navegador. Las aplicaciones que utilizan Pointer_events recibirán un evento de cancelación de puntero cuando el navegador comience a procesar un gesto táctil. Al especificar explícitamente qué gestos debe manejar el navegador, la aplicación puede proporcionar su propio comportamiento para los gestos restantes en los oyentes pointermove y pointerup. Las aplicaciones que usan Touch_events deshabilitan el manejo de gestos por parte del navegador llamando a preventDefault(), pero también deben usar acciones táctiles para garantizar que el navegador comprenda la intención de la aplicación antes de llamar a cualquier detector de eventos.
Cuando se inicia un gesto, el navegador intersecta los valores de acción táctil del elemento tocado y todos sus ancestros hasta el que implementa el gesto (en otras palabras, el primer elemento que contiene el desplazamiento). Esto significa que, en la práctica, las acciones táctiles normalmente solo se aplican a un único elemento con algún comportamiento personalizado, sin especificar explícitamente acciones táctiles en ninguno de los descendientes de ese elemento. Una vez iniciado el gesto, los cambios en el valor de la acción táctil no tendrán ningún impacto en el comportamiento del gesto actual.