JavaScript HTML DOM animationName 事件属性

• 

  animationName 事件属性

  当动画事件发生时，animationName属性返回动画的名称。动画的名称是CSS animation-name 属性的值。此属性是只读的。

  例子：获取与动画关联的动画名称：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  animationName	10.0+	支持	6.0+	支持	支持

• 

  语法

  event.animationName
• 

  技术细节

  项目	描述
  返回值：	一个字符串，表示动画的名称

• 

  技术细节

  HTML DOM参考：animationstart事件

  HTML DOM参考：animationiteration事件

  HTML DOM参考：animationend事件

  HTML DOM参考：AnimationEvent elapsedTime属性

  CSS参考：CSS3 animation 属性

  CSS参考：CSS3 animation-name属性