From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/api/transitionevent/index.html | 173 +++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 files/zh-cn/web/api/transitionevent/index.html (limited to 'files/zh-cn/web/api/transitionevent/index.html') diff --git a/files/zh-cn/web/api/transitionevent/index.html b/files/zh-cn/web/api/transitionevent/index.html new file mode 100644 index 0000000000..d22fb61cbe --- /dev/null +++ b/files/zh-cn/web/api/transitionevent/index.html @@ -0,0 +1,173 @@ +--- +title: TransitionEvent +slug: Web/API/TransitionEvent +translation_of: Web/API/TransitionEvent +--- +

{{APIRef("CSSOM")}} {{SeeCompatTable}}

+ +

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

+ +

属性

+ +

同时也继承了父类 {{domxref("Event")}} 的属性.

+ +
+
{{domxref("TransitionEvent.propertyName")}} {{readonlyInline}}
+
是一个{{domxref("DOMString")}}，代表与这个 transition 有关的 CSS 属性名.
+
{{domxref("TransitionEvent.elapsedTime")}} {{readonlyInline}}
+
是一个 float 值，代表从这个事件触发开始，这个 transition 运行的时间（以秒为单位）。这个值不受 {{cssxref("transition-delay")}} 属性的影响.
+
{{domxref("TransitionEvent.pseudoElement")}} {{readonlyInline}}
+
是一个以 '::' 开头的 {{domxref("DOMString")}}, 代表这个过渡运行于其上的伪元素的名字。如果这个过渡不是在一个伪元素上而是在一个元素上运行的，这个值就是一个空值''。
+
+ +

构造函数

+ +
+
{{domxref("TransitionEvent.TransitionEvent", "TransitionEvent()")}}
+
用给定的参数创建一个 TransitionEvent 事件。
+
+ +

方法

+ +

同时也继承了父类 {{domxref("Event")}}的方法.

+ +
+
{{domxref("TransitionEvent.initTransitionEvent()")}} {{non-standard_inline}}{{deprecated_inline}}
+
使用已经废弃的{{domxref("Document.createEvent()", "Document.createEvent(\"TransitionEvent\")")}} 方法初始化已经创建的 TransitonEvent 事件。
+
+ +

Specifications

+ + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('CSS3 Transitions', '#Events-TransitionEvent', 'TransitionEvent') }}{{ Spec2('CSS3 Transitions') }}Initial definition.
+ +

Browser compatibility

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{ CompatGeckoDesktop("2.0") }}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
TransitionEvent() constructor{{CompatNo}}{{CompatNo}}{{ CompatGeckoDesktop("23.0") }}{{CompatNo}}{{CompatNo}}{{CompatNo}}
initTransitionEvent() {{non-standard_inline}}{{deprecated_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{ CompatGeckoDesktop("6.0") }}
+ Removed in {{ CompatGeckoDesktop("23.0") }}		10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
pseudoelement{{CompatNo}}{{CompatNo}}{{ CompatGeckoDesktop("23.0") }}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{ CompatGeckoMobile("2.0") }}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
TransitionEvent() constructor{{CompatNo}}{{CompatNo}}{{ CompatGeckoMobile("23.0") }}{{CompatNo}}{{CompatNo}}{{CompatNo}}
initTransitionEvent() {{non-standard_inline}}{{deprecated_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{ CompatGeckoMobile("6.0") }}
+ Removed in {{ CompatGeckoMobile("23.0") }}		10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
pseudoelement{{CompatNo}}{{CompatNo}}{{ CompatGeckoMobile("23.0") }}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf