AnimationEvent animationName 属性

Peristiwa DOM Peristiwa AnimationEvent

定义和用法

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

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

该属性只读。

实例

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

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

亲自试一试

语法

事件.animationName

技术细节

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

浏览器支持

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

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

相关页面

HTML DOM 简明指南：Peristiwa animationstart

HTML DOM 简明指南：Peristiwa animationiteration

HTML DOM 简明指南：Peristiwa animationend

HTML DOM 简明指南：Sifat elapsedTime Peristiwa AnimationEvent

CSS 简明指南：Sifat animation CSS3

CSS 简明指南：Sifat animation-name CSS3

Peristiwa DOM Peristiwa AnimationEvent