Wykryj, który element AnimationEnd został wywołany przez animacjęName

Question

Mam kilka animacji CSS3 połączonych z jednym div, ale chcę tylko, aby funkcja była wywoływana jako koniec ostatniej animacji.

Użyłem zdarzenia animationEnd, aby móc wywołać tę funkcję, ale jak już powiedziałem, chcę tylko, aby działała na ostatniej animacji.

Czy istnieje sposób wykrywania z animacją zakończony przez sprawdzenie nazwy animacji, która wywołała zdarzenie animationEnd?

dzięki czemu mogę użyć instrukcji if, aby wyróżnić ostatnią animację.

Answer 1

Parametr jest wymagany podczas definiowania funkcji. Każda z nich powinna działać;

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

Albo

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

Answer 2

nie wiem dlaczego ... ale mogę złapać się animationName tylko e.originalEvent.animationName

więc najlepszym rozwiązaniem jest:

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