Evento animationstart

Eventi DOM AnimationEvent

Definizione e uso

Quando l'animazione CSS inizia a riprodursi, si verifica l'evento animationstart.

Per ulteriori informazioni sulle animazioni CSS, esamina i nostri Tutorial di animazione CSS3。

Quando l'animazione CSS viene riprodotta, possono verificarsi tre eventi：

Esempio

Quando l'animazione CSS inizia, esegui qualcosa per l'elemento <div>：

var x = document.getElementById("myDIV");
// Codice per Chrome, Safari e Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Sintassi standard
x.addEventListener("animationstart", myStartFunction);

Prova personalmente

Sintassi

oggetto.addEventListener("webkitAnimationStart", myScript);  // Codice per Chrome, Safari e Opera
oggetto.addEventListener("animationstart", myScript);        // Sintassi standard

Nota：Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener()。

Dettagli tecnici

Bubble： Supportato
Cancellable： Non supportato
Tipo di evento： AnimationEvent
Versione DOM： Eventi di livello 3

Supporto del browser

I numeri nella tabella indicano la versione iniziale del browser che supporta completamente l'evento.

Il "webkit" o "moz" dopo il numero indica la versione iniziale del prefisso utilizzato.

Evento Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Nota：Per Chrome, Safari e Opera, utilizzare webkitAnimationEnd.

Pagine correlate

Tutorial CSS：Animazione CSS3

Manuale di riferimento CSS：Proprietà animation CSS3

Manuale di riferimento HTML DOM:Proprietà animation Style

Eventi DOM AnimationEvent