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

浏览器兼容性

另见