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);//再添加

 

未经允许不得转载:前端撸码笔记 » css3动画是否结束监听事件

上一篇:

下一篇: