AnimationEvent animationName 屬性

DOM 事件 AnimationEvent

定義和用法

當動畫事件發生時，animationName 屬性返回動畫的名稱。

動畫的名稱是 CSS 屬性 animation-name 的值。

該屬性只讀。

實例

獲取與動畫關聯的動畫名稱：

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

親自試一試

語法

event.animationName

技術細節

返回值： 字符串值，表示動畫的名稱。

瀏覽器支持

表中的數字注明了完全支持該屬性的首個瀏覽器版本。

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

相關頁面

HTML DOM 參考手冊：animationstart 事件

HTML DOM 參考手冊：animationiteration 事件

HTML DOM 參考手冊：animationend 事件

HTML DOM 參考手冊：AnimationEvent elapsedTime 屬性

CSS 參考手冊：CSS3 animation 屬性

CSS 參考手冊：CSS3 animation-name 屬性

DOM 事件 AnimationEvent