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 é uma tecnologia experimental
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

A interface AnimationEvent representa eventos provendo informações relacionadas a animações.

Event AnimationEvent

Propriedades

Também propriedades herdadas pelo pai Event.

AnimationEvent.animationName Somente leitura

O DOMString contém o valor do animation-name propriedade CSS associada com a transição.

AnimationEvent.elapsedTime Somente leitura

É um ponto flutuante dado pela quantidade de tempo que a animação está rodando, em segundos, quando esse evento termina, excluindo o tempo em que animação esteve pausada. Para o evento "animationstart", elapsedTime é 0.0 a não ser que haja um valor negativo para animation-delay, nesse caso o evento terminará com elapsedTime contendo (-1 * delay ).

AnimationEvent.pseudoElement Somente leitura

Um DOMString começa com '::', contendo o nome do pseudo-elemento onde a animação roda. Se a animação não rodar no pseudo-elemento mas no elemento, então teremos um string vazio ' '.

Constructores

AnimationEvent()

Cria um evento AnimationEvent com os dados parâmetros.

Métodos

Também herda métodos do pai Event.

AnimationEvent.initAnimationEvent() Non-standard Deprecated

Inicializa um AnimationEvent criado usando diminuído Document.createEvent("AnimationEvent") método.

Especificações

Specification
CSS Animations Level 1
# interface-animationevent

Compatibilidade com 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.

Veja também