html5监听动画结束 css3动画是否结束监听事件

css3动画是否结束监听事件：

var domObj = $(“#id”);

domObj [0].addEventListener(“webkitAnimationEnd”, function(){

this.className = this.className.replace(‘change’, ‘ ‘);

alert(“动画结束”);

});

也可以将function单独拿出来：

domObj [0].addEventListener(“webkitAnimationEnd”, animationEnd);

function animationEnd(){

this.className = this.className.replace(‘change’, ‘ ‘);

alert(“动画结束”);

}

如果需要添加解除监听事件的话：

domObj [0].removeEventListener(“webkitAnimationEnd”, animationEnd); //解除

domObj [0].addEventListener(“webkitAnimationEnd”, animationEnd);//再添加