2017-02-21 24 views
0

私はマウスを動かすとトリガする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; 
} 
}); 

私は構文が間違って取得していますか、私のロジックに問題があるのでしょうか?

+0

あなたがここにスニペットやjsfiddleリンク上で作業例を追加してくださいすることができますか? –

答えて

0

アニメーションはあなたがgoToAndStop()play()を呼び出す前に再生されている場合だけチェック:

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

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