原生CSS动画回调事件

Wrong.  False.  Incorrect.  ?Que? JavaScript确实提供了在 JS 动画和过渡完成后触发回调的功能。

  查看示例请点击这里!

/* From Modernizr */
function whichTransitionEvent(){
    var t;
    var el = document.createElement(‘fakeelement‘);
    var transitions = {
      ‘transition‘:‘transitionend‘,
      ‘OTransition‘:‘oTransitionEnd‘,
      ‘MozTransition‘:‘transitionend‘,
      ‘WebkitTransition‘:‘webkitTransitionEnd‘,
      ‘MsTransition‘:‘msTransitionEnd‘
    }

    for(t in transitions){
        if( el.style[t] !== undefined ){
            return transitions[t];
        }
    }
}

/* 监听 transition! */
var transitionEvent = whichTransitionEvent();
transitionEvent && e.addEventListener(transitionEvent, function() {
	console.log(‘Transition 完成!  原生JavaScript回调执行!‘);
});

/*
	在 "whichTransitionEvent" 中,可以将 "transition"文本替换为  "animation",则处理的就是动画,此处代码省略...)
*/

原生CSS动画回调事件

原文：http://blog.csdn.net/renfufei/article/details/19617745