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

推荐答案

W3C CSS Transitions Draft

CSS转换完成后会生成相应的DOM事件.每个经历转换的属性都会触发一个事件.这允许内容开发者在完成转换时执行同步的动作.


WebKit

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

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

Mozilla

只有一个事件在转换完成时触发.在Firefox中,事件是transitionend,在歌剧中是oTransitionEnd,在WebKit中是webkitTransitionEnd.

歌剧

有一种类型的转换事件 有空的.百项赛事 在完成 过渡.

Internet Explorer

transitionend事件在转换完成时发生.如果在完成之前删除了转换,则不会激发该事件.


Stack Overflow: How do I normalize CSS3 Transition functions across browsers?

Css相关问答推荐

为什么图像加载请求没有显示在我的网络请求中?

Css扩展搜索栏,如何添加图标结束?

更改MAT-FORM-FIELD的CSS,使其在有Angular 的HTML中显示为普通文本框

不明白为什么 div 不均匀并且不填满页面

Tailwind CSS 不输出背景类

如何在 VS Code 中获得 JavaFX CSS 属性的自动完成功能?

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度?

SCSS - Lighten/Darken 不编译?

如何使用props 为 Vue 中的组件创建动态背景图像?

应用填充时边框无法正常工作

Mat table - 保留第一列和复选框

通过css修改样式shadowroot元素

CSS:如何在嵌套计数器中有多个计数器

Angular Datepicker - 更改日期范围 Select 样式

带有 gatsby-plugin-image 的 bootstrap 卡 ImgOverlay 未按预期调整大小

Bootstrap 4 img-circle 类似乎不存在

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗?

数据协议 URL 大小限制

如何知道哪个 HTML 元素导致了垂直滚动条

为什么我的 div 边距重叠,我该如何解决?