轻松上手,快乐学习!

AnimationEvent animationName 属性


❮ DOM 事件 ❮ AnimationEvent

实例

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

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

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

定义和用法

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

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

该属性是只读的。


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
animationName Yes 10.0 6.0 Yes Yes

语法

event.animationName

技术细节

返回值: 字符串值,表示动画的名称。

相关页面

HTML DOM 参考手册: The animationstart 事件

HTML DOM 参考手册: The animationiteration 事件

HTML DOM 参考手册: The animationend 事件

HTML DOM 参考手册: AnimationEvent elapsedTime 属性

CSS 参考手册: CSS3 animation 属性

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


❮ DOM 事件 ❮ AnimationEvent