Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

transitioncancel

Baseline
Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde noviembre de 2020.

Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

El evento transitioncancel es lanzado cuando una transición CSS es cancelada.

Véase GlobalEventHandlers.ontransitioncancel para mas información y ejemplos.

Información general

Interfaz
TransitionEvent
Burbuja

Sí

Cancelable

No

Objetivo

document, element

Acción por defecto

Ninguna

Propiedades

Propiedad Tipo Descripción
target Read only EventTarget El objetivo del evento (the topmost target in the DOM tree).
type Read only String El tipo de evento.
bubbles Read only Boolean Si el evento normalmente se propaga o no
cancelable Read only Boolean Si el evento es cancelable o no
propertyNameRead only String El nombre de la propiedad CSS asociada con la transición.
elapsedTimeRead only Float La cantidad de tiempo que ha durado la transición, en segundos, desde el momento en que el evento fué generado. Este valor no se ve afectado por el valor de transition-delay.
pseudoElementRead only String El nombre (empezando con dos "dos puntos") del pseudo-elemento CSS en el que ha ocurrido la transición (en caso de que el objetivo del evento sea dicho pseudo-elemento correspondiente al elemento), o una cadena vacía si la transición ha ocurrido en un elemento (lo que quiere decir que el objetivo del evento es dicho elemento).

Especificaciones

Especificación
CSS Transitions Module Level 1
# transitioncancel
CSS Transitions Module Level 1
# dom-globaleventhandlers-ontransitioncancel

Compatibilidad con navegadores

Véase también