AnimationEvent animationName 属性
实例
获取与动画关联的动画名称:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
亲自试一试 »
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 属性