Beispiel
Holen Sie sich das Animationsnamen mit einer Animation verbunden:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
}
Versuch es selber " Definition und Verwendung
Die animationName Eigenschaft gibt den Namen der Animation, wenn eine Animation Ereignis eintritt.
Der Name der Animation ist der Wert der Animation-name CSS - Eigenschaft.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Eigentum | |||||
---|---|---|---|---|---|
animationName | Ja | 10.0 | 6.0 | Ja | Ja |
Syntax
event .animationName
Technische Details
Rückgabewert: | Ein String, die den Namen der Animation |
---|
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 Property
CSS - Referenz: CSS3 animation Property
CSS - Referenz: CSS3 animation-name Property der CSS3 animation-name Property
<Ereignisobjekt