TransitionEvent

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

TransitionEvent 介面表示提供與過渡相關資訊的事件。

Event TransitionEvent

建構函式

TransitionEvent()

使用給定的引數建立一個 TransitionEvent 事件。

例項屬性

也繼承自其父級 Event 的屬性.

TransitionEvent.propertyName 只讀

一個字串,包含與過渡關聯的 CSS 屬性的名稱。

TransitionEvent.elapsedTime 只讀

一個 float,表示事件觸發時過渡已執行的時間(以秒為單位)。此值不受 transition-delay 屬性的影響。

TransitionEvent.pseudoElement 只讀

一個字串,以 :: 開頭,包含動畫執行的 偽元素 的名稱。如果過渡未在偽元素上執行,而是在元素上執行,則為空字串:''

TransitionEvent 的型別

transitioncancel

CSS 過渡被取消時觸發的 Event

transitionend

CSS 過渡播放完畢時觸發的 Event

transitionrun

CSS 過渡被建立(即,當它被新增到一組正在進行的過渡中)時觸發的 Event,但未必已開始。

transitionstart

CSS 過渡開始過渡時觸發的 Event

例項方法

還繼承了其父 Event 的方法。.

規範

規範
CSS 過渡
# interface-transitionevent

瀏覽器相容性

另見