Question

jQuery使用一个简单明了的解决方案来检查一个元素是动画还是不是，如下所示：

if(element.is(':animated')) {
   alert("its animated");
}

我需要一个JavaScript解决方案。我正在玩游戏，但游戏快门。这就是为什么我想在JavaScript中这样做。我在互联网上搜索但没有找到类似的东西。

所以我的问题是：

可以仅使用JavaScript检查元素是否已设置动画？

Answer 1

我用标记（或类）标记动画元素，如下所示：

document.getElementById("element_id").addEventListener("click", function(){
  this.setAttribute('data-animated', 1);

  // element animation 
  // ...
  // on animation complete: this.removeAttribute('data-animated'); 
});

然后你可以选择所有动画元素：

var animated = document.querySelectorAll('[data-animated=1]');

Answer 2

嘿，有简单的方法..

$(element).on("click",function() {
    $(this).one('webkitAnimationEnd', function() {
        // Fire your script when animation finished.
    })
});

干杯!!

检查是否有动画JavaScript

2 个答案: