transitionend

2 位贡献者:

transitionend 事件会在 CSS transition 结束后触发. 当transition完成前移除transition时,比如移除css的transition-property 属性,事件将不会被触发.

通用信息

接口
TransitionEvent
是否冒泡
能否取消默认行为
目标
document, element
默认行为

属性

Property Type Description
target 只读 EventTarget The event target (the topmost target in the DOM tree).
type 只读 DOMString The type of event.
bubbles 只读 boolean Does the event normally bubble?
cancelable 只读 boolean Is it possible to cancel the event?
propertyName只读 DOMString The name of the CSS property associated with the transition.
elapsedTime只读 Float The amount of time the transition has been running, in seconds, when this event fired. Note that this value is not affected by the value of transition-delay.
pseudoElement只读 DOMString The name (beginning with two colons) of the CSS pseudo-element on which the transition occured (in which case the target of the event is that pseudo-element's corresponding element), or the empty string if the transition occurred on an element (which means the target of the event is that element).

规范

Specification Status Comment
CSS Transitions
transitionend
Working Draft Initial definition.

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 as webkitTransitionEnd 4.0 (2.0) 10 10.5 as oTransitionEnd
12 as otransitionend
12.10 as transitionend
3.2 as webkitTransitionEnd
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 as webkitTransitionEnd 4.0 (2.0) ? 10 as oTransitionEnd
12 as otransitionend
12.10 as transitionend
3.2 as webkitTransitionEnd

参考

文档标签和贡献者

向此页面作出贡献: ziyunfei, jtyjty99999
最后编辑者: ziyunfei,