AnimationEvent animationName Eigenschaft

DOM-Ereignis AnimationEvent

Definition und Verwendung

Wenn ein Animationsevent auftritt, gibt die Eigenschaft animationName den Namen der Animation zurück.

Der Name der Animation ist ein CSS-Attribut animation-name Wert.

Diese Eigenschaft ist schreibgeschützt.

Beispiel

Gewinnen Sie den Namen der mit der Animation verbundenen Animation:

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Animation-Name ist: " + event.animationName;
}

Versuchen Sie es selbst

Syntax

event.animationName

Technische Details

Rückgabewert: Zeichenkettenwert, der den Namen der Animation darstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

Eigenschaft Chrome IE Firefox Safari Opera
animationName Unterstützung 10.0 6.0 Unterstützung Unterstützung

Verwandte Seiten

HTML DOM Referenzhandbuch:animationstart-Ereignis

HTML DOM Referenzhandbuch:animationiteration-Ereignis

HTML DOM Referenzhandbuch:animationend-Ereignis

HTML DOM Referenzhandbuch:AnimationEvent elapsedTime-Eigenschaft

CSS Referenzhandbuch:CSS3 animation-Eigenschaft

CSS Referenzhandbuch:CSS3 animation-name-Eigenschaft

DOM-Ereignis AnimationEvent