AnimationEvent animationName -Eigenschaft
Beispiel
Rufen Sie den mit einer Animation verknüpften Animationsnamen ab:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
Definition und Verwendung
Die Eigenschaft animationName gibt den Namen der Animation zurück, wenn ein Animationsereignis eintritt.
Der Name der Animation ist der Wert der CSS-Eigenschaft animation-name .
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
animationName | Yes | 10.0 | 6.0 | Yes | Yes |
Syntax
event.animationName
Technische Details
Rückgabewert: | Ein String, der den Namen der Animation darstellt |
---|
Verwandte Seiten
HTML-DOM-Referenz: Das Animationstart-Ereignis
HTML-DOM-Referenz: Das Animationiteration-Ereignis
HTML-DOM-Referenz: Das Animationend-Ereignis
HTML-DOM-Referenz: AnimationEvent elapsedTime-Eigenschaft
CSS-Referenz: CSS3-Animationseigenschaft
CSS-Referenz: CSS3-Animationsname-Eigenschaft