切换mouseenter事件

Question

我有一个使用bodymovin的动画，当我鼠标进入它时触发它并且我试图使它成为如果我在动画结束之前再次鼠标悬停它，它不会重新启动。

squareAnim.addEventListener('mouseenter', function(){
anim.removeEventListener('loopComplete', loopHandler);
anim.goToAndStop(1);
anim.play();

if(anim.play == true){
    anim.mouseenter == false;
} else {
    anim.mouseenter == true;
}
}); 

我的语法错误还是我的逻辑存在缺陷？

Answer 1

在致电goToAndStop()和play()之前，只需检查动画是否正在播放：

squareAnim.addEventListener('mouseenter', function(){
  anim.removeEventListener('loopComplete', loopHandler);

  if(anim.play !== true){
    anim.goToAndStop(1);
    anim.play();
  }
});