Cross Browser CSS3 TransitionEnd Event Handler

TransitionEndEventHandler.js

/**
 * Cross Browser CSS3 Transition Event Handler
 * Source: http://stackoverflow.com/questions/5023514/how-do-i-normalize-css3-transition-functions-across-browsers
 * @return String : TransitionEnd Event Name 
 */
function transitionEndEventName () {
    var i;
    var el = document.createElement('div');
    var transitions = {
        'transition':'transitionend',
        'OTransition':'otransitionend',  // oTransitionEnd in very old Opera
        'MozTransition':'transitionend',
        'WebkitTransition':'webkitTransitionEnd'
    };
    for (i in transitions) {
        if (transitions.hasOwnProperty(i) && el.style[i] !== undefined) {
            return transitions[i];
        }
    }
    //TODO: throw 'TransitionEnd event is not supported in this browser'; 
}

// EXAMPLE USAGE: Check if 'top' CSS property's transition has ended and remove listener 

var nodeElement = document.querySelector(".container");

function theFunctionToInvoke(e){
    if ( e.propertyName === "top" ){
        nodeElement.removeEventListener( transitionEnd, theFunctionToInvoke, false);
        alert();
        // DO OTHER STUFF HERE...
    }
}

var transitionEnd = transitionEndEventName();
nodeElement.addEventListener( transitionEnd, theFunctionToInvoke, false);