¿Cómo puedes detectar qué animación CSS acaba de terminar en JavaScript?

La última necesidad es volver a activar una animación CSS. Debido a nuestra jerarquía de HTML, preferimos no verificar la clase del elemento, sino que realizar acciones solo cuando una animación en particular termina. Si tiene un método que permite volver a activar una animación sin eliminar / agregar una clase, háganoslo saber.

De lo contrario ... nuestro código:

    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 Siempre devuelve la cadena vacía.

¿Estamos haciendo algo mal?

Necesitamos el código para los navegadores WebKit, específicamente Mobile Safari.

¡Gracias!