Erkennen, welche AnimationEnd ausgelöst hat über animationName

Question

Ich habe mehrere CSS3-Animationen mit einem Div verknüpft, aber ich möchte nur eine Funktion am Ende der letzten Animation aufgerufen werden.

Ich habe das AnimationEnd-Ereignis verwendet, so dass ich diese Funktion auslösen kann, aber wie gesagt, ich möchte nur, dass es auf der letzten Animation ausgeführt wird.

Gibt es eine Möglichkeit zu erkennen, ob die Animation beendet wurde, indem Sie den Namen der Animation überprüfen, die das Ereignis animationEnd ausgelöst hat?

damit ich eine if-Anweisung verwenden kann, um die letzte Animation auszumachen.

Answer 1

Der Parameter wird benötigt, wenn Sie die Funktion definieren. Beide sollten funktionieren.

var $element = $('.eye').bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(event){ 
    if (event.originalEvent.animationName === "three") { 
     console.log('the event happened'); 
    } 
} 

Oder

var $element = $('.eye').bind("webkitAnimationEnd oAnimationEnd msAnimationEnd animationend", function(e){ 
    if (e.originalEvent.animationName === "three") { 
     console.log('the event happened'); 
    } 
} 

Answer 2

Ich weiß nicht, warum ... aber ich kann die die animationName nur durch e.originalEvent.animationName

so die beste Option fangen ist:

function getAnimationName(e) { 
    if(e.animationName != undefined) return e.animationName; 
    if(e.originalEvent.animationName != undefined) return e.originalEvent.animationName; 
    else return undefined; 
}