元素是否会触发任何事件来检查 css3 转换是否已开始或结束?
W3C CSS 过渡草案 https://www.w3.org/TR/css3-transitions/#transition-events-
CSS Transition 的完成会生成相应的 DOM 事件。为每个经历转换的属性触发一个事件。这允许内容开发人员执行与转换完成同步的操作。
Webkit https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/AnimatingCSSTransitions/AnimatingCSSTransitions.html
要确定转换何时完成,请为转换结束时发送的 DOM 事件设置 JavaScript 事件侦听器函数。该事件是WebKitTransitionEvent的一个实例,其类型为webkitTransitionEnd
.
box.addEventListener( 'webkitTransitionEnd',
function( event ) { alert( "Finished transition!" ); }, false );
Mozilla https://developer.mozilla.org/en/CSS/CSS_transitions#Detecting_the_completion_of_a_transition
转换完成时会触发一个事件。在 Firefox 中,该事件是transitionend
,在歌剧中,oTransitionEnd
,在 WebKit 中是webkitTransitionEnd
.
Opera http://www.opera.com/docs/specs/presto29/css/transitions/#events
有一种类型的转换事件
可用的。这oTransitionEnd
事件
发生在完成时
过渡。
IE浏览器 https://msdn.microsoft.com/en-us/library/ie/hh673535(v=vs.85).aspx#transitions_dom_events
The transitionend
事件发生在转换完成时。如果转换在完成之前被删除,则该事件将不会触发。
Stack Overflow:如何跨浏览器规范 CSS3 转换函数? https://stackoverflow.com/questions/5023514/how-do-i-normalize-css3-transition-functions-across-browsers
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)