CSS3过渡事件

W3C CSS过渡草案

CSS Transition的完成将生成相应的DOM事件。将为每个经历过渡的属性触发一个事件。这使内容开发人员可以执行与转换完成同步的 *** 作。

要确定转换何时完成，请为在转换结束时发送的DOM事件设置一个Javascript事件监听器函数。该事件是WebKitTransitionEvent的实例，其类型为

webkitTransitionEnd

。

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

Mozilla

转换完成时会触发一个事件。在Firefox中，事件是

transitionend

在Opera中，

oTransitionEnd

在WebKit中是

webkitTransitionEnd

。

歌剧

有一种类型的过渡事件可用。该

oTransitionEnd

事件在转换完成时发生。

IE浏览器

该

transitionend

事件在转换完成时发生。如果在完成之前删除过渡，则不会触发该事件。