TransitionEvent - Web API 接口参考 编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

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

属性

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

TransitionEvent.propertyName 只读

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

TransitionEvent.elapsedTime 只读

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

TransitionEvent.pseudoElement 只读

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

构造函数

TransitionEvent()

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

方法

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

TransitionEvent.initTransitionEvent()

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

Specifications

Specification	Status	Comment
CSS Transitions TransitionEvent	Working Draft	Initial definition.

Browser compatibility

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!

• Desktop
• Mobile

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	4.0 (2.0)	10.0	(Yes)	(Yes)
TransitionEvent() constructor	未实现	未实现	23.0 (23.0)	未实现	未实现	未实现
initTransitionEvent()	(Yes)	(Yes)	6.0 (6.0) Removed in 23.0 (23.0)	10.0	(Yes)	(Yes)
pseudoelement	未实现	未实现	23.0 (23.0)	未实现	未实现	未实现

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	4.0 (2.0)	10.0	(Yes)	(Yes)
TransitionEvent() constructor	未实现	未实现	23.0 (23.0)	未实现	未实现	未实现
initTransitionEvent()	(Yes)	(Yes)	6.0 (6.0) Removed in 23.0 (23.0)	10.0	(Yes)	(Yes)
pseudoelement	未实现	未实现	23.0 (23.0)	未实现	未实现	未实现

See also

• Using CSS transitions
• CSS properties: transition, transition-delay, transition-duration, transition-property, transition-timing-function.