您当前位置: 首页 » web前端 » html5+css3 » web前端 » JavaScript » web前端 » css3动画是否结束监听事件

css3动画是否结束监听事件

2016年1月11日 | 蒙奇·D·撸码客 发表评论(0) 查看评论

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

 


html5+css3,JavaScript,web前端内容推荐

发表评论?

0 条评论。

发表评论