时间戳

首页 > 解决方案 > IE11 上的伪元素未触发 animationstart 事件

javascript - IE11 上的伪元素未触发 animationstart 事件

问题描述

下面的 CSS 代码定义了一个伪元素的动画::before：

#test::before {
    content: "Pseudo-element";
    animation-name: Fade-In;
    animation-duration: 2s;
}

我正在使用animationstartJavaScript 中的事件来记录动画的开始。这是关于 jsFiddle 的演示。

在 IE11 上，animationstart不知何故不起作用。动画的开始没有被记录。

但是，如果我更改 CSS 代码以将动画应用于元素，则animationstart事件会正确触发并在 IE11 上记录动画的开始。这是关于 jsFiddle 的演示。

所以看起来这是伪元素的问题。

如何animationstart正确触发 IE11 上的伪元素的事件？

标签： javascriptinternet-explorercss-animationspseudo-elementdom-events

解决方案

推荐阅读