Как определить, какая CSS-анимация только что завершилась в JavaScript?

Конечная необходимость - повторно запустить анимацию CSS. Из-за нашей HTML-иерархии мы предпочитаем не проверять элемент 's класс, но вместо этого предпринимает действие только тогда, когда заканчивается конкретная анимация Если у вас есть метод, позволяющий повторно запускать анимацию без удаления / добавления класса, сообщите нам об этом.

В противном случае ... наш код:

    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 всегда возвращает пустую строку.

Мы делаем что-то не так?

Нам нужен код для браузеров WebKit, в частности Mobile Safari.

Спасибо!