Jak można wykryć, która animacja CSS właśnie zakończyła się w JavaScript?

Ostateczną potrzebą jest ponowne uruchomienie animacji CSS. Ze względu na naszą hierarchię HTML wolimy nie sprawdzać klasy elementu, ale podejmować działania tylko wtedy, gdy kończy się określona animacja. Jeśli masz metodę umożliwiającą ponowne uruchomienie animacji bez usuwania / dodawania klasy, daj nam znać.

W przeciwnym razie ... nasz kod:

    page.find( '.button.letter' ).on( 'webkitAnimationEnd', function() {
        $( this ).removeClass( 'tap_animation' );

        console.log( 'Hi: ' + this.style.webkitAnimationName );

        if ( !write_mode() ) {
            do_write( this );
        }
    });

this.style.webkitAnimationName zawsze zwraca pusty ciąg.

Czy robimy coś złego?

Potrzebujemy kodu do przeglądarek WebKit, w szczególności Mobile Safari.

Dzięki!