此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

TransitionEvent

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

TransitonEvent 接口指那些提供了与过渡有关信息的事件。

属性

同时也继承了父类 Event 的属性。

TransitionEvent.propertyName 只读

是一个DOMString,代表与这个 transition 有关的 CSS 属性名。

TransitionEvent.elapsedTime 只读

是一个 float 值,代表从这个事件触发开始,这个 transition 运行的时间(以秒为单位)。这个值不受 transition-delay 属性的影响。

TransitionEvent.pseudoElement 只读

是一个以 '::' 开头的 DOMString, 代表这个过渡运行于其上的伪元素的名字。如果这个过渡不是在一个伪元素上而是在一个元素上运行的,这个值就是一个空值''。

构造函数

TransitionEvent()

用给定的参数创建一个 TransitionEvent 事件。

方法

*同时也继承了父类 Event*的方法。

TransitionEvent.initTransitionEvent()

使用已经废弃的Document.createEvent("TransitionEvent") 方法初始化已经创建的 TransitonEvent 事件。

规范

规范
CSS Transitions Module Level 1
# interface-transitionevent

浏览器兼容性

参见