AnimationEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

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

La interfaz AnimationEvent representa los eventos que proporciona información relacionada con las animaciones.

Event AnimationEvent

Propiedades

También hereda las propiedades de su padre Event.

AnimationEvent.animationName Read only

Es un DOMString que contiene el valor de la propiedad CSS animation-name asociado con la transición.

AnimationEvent.elapsedTime Read only

Es un número flotante que da la cantidad de tiempo que ha estado corriendo la animación, en segundos, cuando este evento es disparado, excluyendo cualquier vez que la aimación fue pausada. Para un evento "animationstart", elapsedTime es 0.0 a ménos que hubiera un valor negativo para animation-delay, en tal caso sería disparado el evento con elapsedTime conteniendo (-1 *retraso).

AnimationEvent.pseudoElement Read only

Es un DOMString, empezando con '::', conteniendo el nombre del pseudo-element en el cual corre la animación. Si la animación no corre sobre un pseudo-element sino en el elemento, un string vacío: ''.

Constructor

AnimationEvent()

Crea un evento AnimationEvent con los parametros dados.

Métodos

También hereda los métodos de su padre Event.

AnimationEvent.initAnimationEvent() No estándar Obsoleto

Inicializa un evento AnimationEvent creado utilizando el método obsoleto Document.createEvent("AnimationEvent")

Especificaciones

Specification
CSS Animations Level 1
# interface-animationevent

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
AnimationEvent
AnimationEvent() constructor
animationName
elapsedTime
pseudoElement

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Requires a vendor prefix or different name for use.
Has more compatibility info.

Ver también