【JS深入学习】——animationend 事件兼容性说明
2017-01-11 11:14
519 查看
animationend
1、兼容性
animationend只有两种形式:
animationend和
webkitAnimationEnd
webkitAnimationEnd 中 w 一定要小写,animationend 中 e 要小写
2、事件执行次数
同一个元素上的动画,animationend只执行一次
3、兼容性
_thisEle.on("webkitAnimationEnd animationend", function(){ alert('animationend') });
网上资料说支持微信浏览器,但在实际项目中发现通过微信扫描二维码,并没有执行上段代码。
animationend | weikitanimationend | ||
---|---|---|---|
PC | FF | √ | × |
chrome(46+) | √ | ||
IE10+ | √ | ||
360 | × | √ | |
safari | × | √ | |
qq和微信浏览器(安卓) | √ | √ | |
mobile | qq和微信浏览器(ip5+) | × | × |
qq和微信浏览器(ip4) | × | × | |
安卓自带浏览器 | × | ||
chrome | √ | √ | |
uc | × | √ | |
360 | × | √ | |
safari | × | √ |
相关文章推荐
- 【JS深入学习】——事件代理/事件委托
- 【JavaScript 学习--12】JS深入理解调用栈,事件循环机制,回调队列
- 韩顺平 javascript教学视频_学习笔记23_js事件驱动机制深入理解_js常用事件_js版计算器
- 20180302JS的深入学习:函数的深入用法、函数的参数、JS内置对象、动态时钟及验证表单的练习、JS原型链的简单了解
- js的事件学习笔记
- JS事件委托学习(转)
- JS事件(event)说明
- js深入学习专题 ------ 类数组的对象和数组对象的区别和联系
- 深入理解Javascript-JS异步和事件循环
- js处理局部scroll事件禁止外部scroll滚动解决办法,jquery.mousewheel.js处理时禁止办法说明
- 鼠标拖动事件_js效果(深入分析)
- js事件监听(考虑兼容性)
- node.js学习(十五、Events事件模块)
- js学习笔记(十四)事件处理模型
- js学习笔记之阻止冒泡和默认事件
- JS基础学习第四天:条件控制语句、循环语句、函数模块、事件等通用代码块2
- Vue.js入门学习--父子组件的说明和简单通信(十)
- JS的事件绑定深入认识
- js 兼容性之阻止事件冒泡传递
- JS DOM事件学习