transitionend 事件
来源:互联网 发布:js 遍历数组 编辑:程序博客网 时间:2024/05/17 03:50
transitionend 事件
定义和用法
transitionend 事件在 CSS 完成过渡后触发。
注意: 如果过渡在完成前移除,例如 CSS transition-property 属性被移除,过渡事件将不被触发。
更多关于 CSS 过渡,请查看我们的 CSS3 过渡。
语法
object.addEventListener("webkitTransitionEnd", function); // Safari 3.1 到 6.0 代码
object.addEventListener("transitionend", function); // Standard syntax
object.addEventListener("transitionend", function); // Standard syntax
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技术细节
实例
在 CSS 完成过渡后修改 <div> 元素样式及文字:
// Safari 3.1 到 6.0 代码document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);// 标准语法document.getElementById("myDIV").addEventListener("transitionend", myFunction);
转自菜鸟教程
0 0
- transitionend 事件
- transitionend animationend 事件兼容问题
- transitionend animationend 事件兼容问题
- JS学习47:transitionend 事件的折腾
- 关于js事件冒泡之transitionend
- HTML5基础加强css样式篇(css过渡结束事件:transitionend)(二十三)
- addEventListener("transitionend", ()=>{...})方法回调函数执行多次问题
- 【transitionEnd】解决如何在transition的时间结束后执行javascript
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 事件
- 2016-9-12
- 频率、波长、传输距离、传输速率之间的关系总结
- 如何优化tomcat配置(从内存、并发、缓存4个方面)优化
- 基于Gulp的前端自动化工程搭建
- Kubernetes容器集群中的日志系统集成实践
- transitionend 事件
- 让 Terminal/vim 使用 Solarized 配色
- Vert.x开篇
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- excel操作之poi-ooxml
- Android开发人员不得不收集的代码(持续更新中)
- 码农常用网站
- C++三消源码前期步骤总结
- select a method for export 各选项都是什么意思