javascript - js animationend事件监听动画结束在浏览器中使用不稳定?
本文介绍了javascript - js animationend事件监听动画结束在浏览器中使用不稳定?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
demo :https://jsfiddle.net/y4eaenbr/
有时候等半天才执行alert, 有时候半天都不执行要点一下页面(或者敲一下键盘)才alert,
这个事件为什么这么不稳定?
<script type="text/javascript">
$("button").on("click", function(){
$(this).addClass("button").on("animationend webkitAnimationEnd", function() {
alert("啊哈哈");
})
})
</script>
解决方案
测试没问题, 要点页面或者按键盘才会弹出, 这是你浏览器卡alert, 调试用console.log(), 不要用alert
animationend
ie9及以下不兼容, chrome和firefox, 基本没什么问题
这篇关于javascript - js animationend事件监听动画结束在浏览器中使用不稳定?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文