Javascript 动画不适用于伪元素？IE10

这对于IE10来说尤其是一个问题。我正在制作一个伪元素的动画。当我悬停伪元素时，

.skew

类被添加到它，这将触发CSS动画。动画完成后，

animationend

将删除

.skew

类

至少在Chrome和Firefox中是这样的，但是在IE10中，

.skew

类被添加了，但在动画完成时没有被删除。我不确定是否是这种情况，但可能是因为第一次悬停伪元素会触发动画，但再次悬停则不会（这意味着在上一个动画结束时，

.skew

类没有被删除）

请参见此处：

---

只要将伪元素悬停，动画就会播放。Chrome和Firefox也是如此。但在IE10中，动画只能播放一次。问题是如果我在一个非伪元素上尝试这个，它会工作。为什么？

我使用切换事件修改了您的代码。我还没试过，但即使在IE10上也应该可以

JS

$( "div" ).bind( "mouseenter mouseleave", function() {
  $( this ).toggleClass("skew");
});

---

ie10还不支持伪元素上的动画事件（冒泡）。

我忘了提到，我需要在悬停时触发动画，但即使在未悬停时也要完成播放。这就是为什么

animationend

。这并不能回答这个问题。若要评论或要求作者澄清，请在其帖子下方留下评论-您可以随时对自己的帖子发表评论，一旦您有足够的评论，您就可以发表评论。谢谢您的通知。

$( "div" ).bind( "mouseenter mouseleave", function() {
  $( this ).toggleClass("skew");
});