Custom event 'transition-end', forget browser prefixes

transition-end

//Custom transition end event, 

(function(window){
  // Detect which transition event
  var whichTransitionEvent = function(){
    var t;
    var el = document.createElement('fakeelement');
    var transitions = {
      'transition':'transitionend',
      'OTransition':'oTransitionEnd',
      'MozTransition':'transitionend',
      'WebkitTransition':'webkitTransitionEnd'
    };
    for(t in transitions){
      if( el.style[t] !== undefined ){
        return transitions[t];
      }
    }
  };
  var transitionEvent = whichTransitionEvent();
  
    // Create a custom 'transition-end' that wraps browser versions them
    if (window.CustomEvent) {
      var transitionEndEvent = new CustomEvent('transition-end',{'bubbles': true, 'cancelable': true});
    } else {
      var transitionEndEvent = document.createEvent('CustomEvent');
      transitionEndEvent.initCustomEvent('transition-end', true, true);
    }
    if(transitionEvent){
      document.body.addEventListener(transitionEvent, function(evnt) {
        evnt.srcElement.dispatchEvent(transitionEndEvent);
      });
    }
})(window);