AnimationEvent animationName 属性

示例

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

const div = document.getElementById("myDIV");
div.addEventListener("animationstart", myStartFunction);

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

亲自试一试 »

描述

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

这个animationName属性是只读的。

这个animationName属性的值是动画名称CSS 属性。

动画活动

Event	Occurs When
animationstart	A CSS animation has started
animationend	A CSS animation has completed
animationiteration	A CSS animation is repeated

动画属性

Property	Description
animationName	The name of the animation
elapsedTime	The number of seconds an animation has been running
pseudoElement	The name of the pseudo-element of the animation

也可以看看：

动画事件对象
 Style 动画属性

教程：

CSS3 动画

语法

event.animationName

技术细节

返回值：	一个字符串。动画的名称。
DOM 版本：	DOM 级别 3动画活动

浏览器支持

event.animationName是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11