jQuery .on () в сочетании с Modernizr.prefixed ()

Я просто пытаюсь понять jQuery-Script, который я должен использовать.
Теперь я нашел следующий снип:

$currPage.addClass( outClass ).on( animEndEventName, function() {
    $currPage.off( animEndEventName );
    endCurrPage = true;
    if( endNextPage ) {
        onEndAnimation( $currPage, $nextPage );
    }
});

Объяснение, что я уже знаю:
$currPage: Это текущая страница. Это <div class="page">
endCurrPage: это логическое значение, которое находится в стандартном false
endNextPage: похоже на endCurrPage

Мой вопрос: .on( animEndEventName, part. Переменная animEndEventName выглядит так:

var animEndEventNames = {
    'WebkitAnimation' : 'webkitAnimationEnd',
    'OAnimation' : 'oAnimationEnd',
    'msAnimation' : 'MSAnimationEnd',
    'animation' : 'animationend'
},
animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ];

Этот код является Modernizr.prefixed(): http://modernizr.com/docs/#prefixed

jQuery .on() ждать события, здесь animEndEventName. Итак, как это работает? Я не совсем понимаю эту часть...

Я надеюсь, что вы можете мне помочь. Если вам нужно больше кода, просто скажите это. Но я думаю, что это важная часть.