AnimationEvent animationName 属性
示例
获取与动画关联的动画名称
const div = document.getElementById("myDIV");
div.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "动画名称是: " + event.animationName;
}
自己动手试一试 »
描述
animationName 属性在发生动画事件时返回动画的名称。
animationName 属性是只读的。
animationName 属性是 animation-name CSS 属性的值。
动画事件
| 事件 | 发生时间 |
|---|---|
| animationstart | CSS 动画已开始 |
| animationend | CSS 动画已完成 |
| animationiteration | CSS 动画重复播放 |
动画属性
| 属性 | 描述 |
|---|---|
| animationName | 动画的名称 |
| elapsedTime | 动画已运行的秒数 |
| pseudoElement | 动画的伪元素的名称 |
另请参阅
教程
语法
event.animationName
技术详情
| 返回值 | 一个字符串。 动画的名称。 |
|---|---|
| DOM 版本 | DOM Level 3 动画事件 |
浏览器支持
event.animationName 是 DOM Level 3 (2004) 功能。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
