CSS3过渡事件

  • Z时代
  • 2024-01-10
  • 分类：问答

元素是否触发了任何事件来检查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事件在转换完成时发生。如果在完成之前删除过渡，则不会触发该事件。

以上是 CSS3过渡事件 的全部内容， 来源链接： utcz.com/qa/426566.html

回到顶部