小编典典

CSS3 过渡事件

all

元素是否触发了任何事件来检查 css3 转换是否已经开始或结束?


阅读 72

收藏
2022-07-18

共1个答案

小编典典

W3C CSS 过渡草案

CSS 转换的完成会生成相应的 DOM 事件。每个经历转换的属性都会触发一个事件。这允许内容开发人员执行与转换完成同步的操作。


网络套件

要确定转换何时完成,请为在转换结束时发送的 DOM 事件设置 JavaScript 事件侦听器函数。该事件是 WebKitTransitionEvent
的一个实例,它的类型是webkitTransitionEnd.

box.addEventListener( 'webkitTransitionEnd', 
    function( event ) { alert( "Finished transition!" ); }, false );

Mozilla

转换完成时会触发一个事件。在 Firefox 中,事件是transitionend,在 Opera 中是oTransitionEnd,而在
WebKit 中是webkitTransitionEnd

歌剧

有一种类型的转换事件可用。该oTransitionEnd事件在转换完成时发生。

[IE浏览器](https://msdn.microsoft.com/en-

us/library/ie/hh673535(v=vs.85).aspx#transitions_dom_events)

transitionend事件在转换完成时发生。如果过渡在完成之前被移除,事件将不会触发。

2022-07-18