AnimationEvent animationName 属性

DOM 事件 AnimationEvent

定义和用法

当动画事件发生时，animationName 属性返回动画的名称。

动画的名称是 CSS 属性 animation-name 的值。

该属性只读。

实例

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

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);

function myStartFunction(event) {
  this.innerHTML = "Animation-name is: " + event.animationName;
}

亲自试一试

语法

event.animationName

技术细节

返回值： 字符串值，表示动画的名称。

浏览器支持

表中的数字注明了完全支持该属性的首个浏览器版本。

属性 Chrome IE Firefox Safari Opera
animationName 支持 10.0 6.0 支持 支持

相关页面

HTML DOM 参考手册：animationstart 事件

HTML DOM 参考手册：animationiteration 事件

HTML DOM 参考手册：animationend 事件

HTML DOM 参考手册：AnimationEvent elapsedTime 属性

CSS 参考手册：CSS3 animation 属性

CSS 参考手册：CSS3 animation-name 属性

DOM 事件 AnimationEvent