toggling event 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(); 
    } 
});