AnimationEvent

Experimental: 這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中,請參考兼容表格以得到不同瀏覽器用的前輟。

摘要

AnimationEvent 介面表現提供動畫 (en-US)相關資訊的事件。

性能

另外從其父 Event 繼承屬性

AnimationEvent.animationName (en-US) Read only
是一個DOMString包含的值 animation-name (en-US) CSS屬性與過渡有關。
AnimationEvent.elapsedTime (en-US) Read only
是一個float給予時間的動畫已經運行,以秒為單位,當該事件燒製,不含動畫被暫停的任何時間量。為一個"animationstart"事件,elapsedTime0.0,除非有一個負值animation-delay (en-US),在這種情況下,該事件將與燒製elapsedTime含有 (-1 * delay)
AnimationEvent.pseudoElement (en-US) Read only
是一個DOMString,從"::",包含的名字虛擬元素 (en-US)的動畫運行。如果動畫上不偽元素,但該元素,一個空字符串上運行:''。

構造函數

AnimationEvent()
創建一個AnimationEvent事件具有給定參數。

方法

同時繼承其父事件方法

AnimationEvent.initAnimationEvent()
初始化AnimationEvent 使用過時的創建 Document.createEvent("AnimationEvent") 方法。

規範

產品規格 狀態 註解
CSS Animations Level 1
The definition of 'AnimationEvent' in that specification.
Working Draft 初始定義。

瀏覽器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

特點 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本支持 1.0 webkit (en-US) 6.0 (6.0) 10.0 12 O (en-US)
12.10
15.0 webkit (en-US)
4.0 webkit (en-US)
AnimationEvent()構造函數 No support 23.0 (23.0) No support No support No support
initAnimationEvent() 1.0 6.0 (6.0)
23.0 (23.0)刪除
10.0 12 4
pseudoelement No support 23.0 (23.0) No support No support No support
特點 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
基本支持 (Yes)webkit (en-US) 6.0 (6.0) 10.0 12 o (en-US)
12.10
15.0 webkit (en-US)
(Yes)webkit (en-US) 43.0
AnimationEvent()構造函數 No support 23.0 (23.0) No support No support No support
initAnimationEvent() (Yes) 6.0 (6.0)
在23.0 (23.0)刪除
10.0 (Yes) (Yes)
pseudoelement No support 23.0 (23.0) No support No support No support

另請參見