TransitionEvent

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

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

另请参阅