Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
A interface AnimationEvent representa eventos provendo informações relacionadas a animações.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/pt-BR/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25 86,20 86,30 76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/pt-BR/docs/Web/API/AnimationEvent" target="_top"><rect x="116" y="1" width="140" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="186" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">AnimationEvent</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Propriedades
Também propriedades herdadas pelo pai Event
AnimationEvent.animationNameSomente leitura- O
DOMStringcontém o valor doanimation-namepropriedade CSS associada com a transição. AnimationEvent.elapsedTimeSomente leituraÉ um ponto flutuantedado 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.0a não ser que haja um valor negativo paraanimation-delayelapsedTimecontendo(-1 *delay).AnimationEvent.pseudoElementSomente leitura- Um
DOMString'::', 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
AnimationEventcom os dados parâmetros.
Métodos
Também herda métodos do pai Event
AnimationEvent.initAnimationEvent()- Inicializa um
AnimationEvent criado usando diminuídoDocument.createEvent("AnimationEvent")método.
Especificações
| Especificação | Estado | Comentário |
|---|---|---|
| CSS Animations The definition of 'AnimationEvent' in that specification. |
Working Draft | Definição inicial. |
Compatibilidade com o Navegador
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support |
1.0 webkit 43.0 |
6.0 (6.0) | 10.0 | 12 o 12.10 15.0 webkit |
4.0 webkit |
| AnimationEvent() constructor |
43.0 |
23.0 (23.0) | Não suportado | Não suportado | Não suportado |
| initAnimationEvent() | 1.0 | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | 12 | 4.0 |
| pseudoelement | Não suportado | 23.0 (23.0) | Não suportado | Não suportado | Não suportado |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|
| Basic support | (Yes)webkit | 6.0 (6.0) | 10.0 | 12 o 12.10 15.0 webkit |
(Yes)webkit | 43.0 |
| AnimationEvent() constructor | Não suportado | 23.0 (23.0) | Não suportado | Não suportado | Não suportado | 43.0 |
| initAnimationEvent() | (Yes) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | (Yes) | (Yes) | Não suportado |
| pseudoelement | Não suportado | 23.0 (23.0) | Não suportado | Não suportado | Não suportado | Não suportado |