//AnimationEnd 事件侦听
tt.addEventListener("webkitAnimationStart", function(){ //动画开始时事件
console.log(1);//动画开始时,控制台输出1
}, false);
tt.addEventListener("webkitTransitionEnd", function(){ //动画开始时事件
console.log(1);//动画结束时,控制台输出1
}, false);
tt.addEventListener("webkitAnimationIteration", function(){ //动画重复运动时的事件
console.log(3);//第一遍动作完成时,控制台输出3
}, false);
//css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd;
注意:transition,也仅仅有这一个事件。
$('.dom').on("transitionEnd webkitTransitionEnd",function(){
$('.dom2').addClass('move');
})