CSS转换完成后会生成相应的DOM事件.每个经历转换的属性都会触发一个事件.这允许内容开发者在完成转换时执行同步的动作.
要确定转换何时完成,请为转换结束时发送的DOM事件设置JavaScript事件侦听器函数.该事件是WebKittTransitionEvent的一个实例,其类型为
webkitTransitionEnd
.
box.addEventListener( 'webkitTransitionEnd',
function( event ) { alert( "Finished transition!" ); }, false );
只有一个事件在转换完成时触发.在Firefox中,事件是
transitionend
,在歌剧中是oTransitionEnd
,在WebKit中是webkitTransitionEnd
.
有一种类型的转换事件 有空的.百项赛事 在完成 过渡.
transitionend
事件在转换完成时发生.如果在完成之前删除了转换,则不会激发该事件.
Stack Overflow: How do I normalize CSS3 Transition functions across browsers?个