博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件
阅读量:7109 次
发布时间:2019-06-28

本文共 601 字,大约阅读时间需要 2 分钟。

css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd; 

注意:transition,也仅仅有这一个事件。

 

http://www.runoob.com/jsref/event-transitionend.html

 

vuejs代码片段:

setTimeout(() => {        this.wrap.classList.add('swipe-transition');        this.swipeMove(-this.index * this.pageWidth);        once(this.wrap, 'webkitTransitionEnd', _ => {          this.wrap.classList.remove('swipe-transition');          // 李钊鸿注释的代码          // this.wrap.style.webkitTransform = '';          this.swiping = false;          this.index = null;           // 李钊鸿加入的代码:          this.$store.dispatch('set_translateX','0')        });}, 0);

 

转载地址:http://lalhl.baihongyu.com/

你可能感兴趣的文章
flask+mako+peewee(下)(解决了Error 2006: MySQL server has gone away)
查看>>
接口测试的工具
查看>>
error log
查看>>
innerHTML引起IE的内存泄漏
查看>>
转化率不好?告诉你转化飙秘诀
查看>>
Class.forName()用法详解
查看>>
Linux内核实践之工作队列【转】
查看>>
一个简单得不能再简单的“ORM”了
查看>>
交叉验证 Cross-validation
查看>>
压力测试就是一种破坏性的性能测试
查看>>
开发环境、生产环境、测试环境的基本理解和区别(转)
查看>>
angularjs学习曲线
查看>>
关于Cocos2d-x中对其他某个类的某个属性的获得
查看>>
多进程多线程优先级理解--优先级反转【转】
查看>>
BZOJ 3343: 教主的魔法 分块
查看>>
秋招笔试碰到的疑难题目1
查看>>
Zookeeper WINDOWS 安装配置
查看>>
Android应用截图嵌入到真实设备
查看>>
easyui menu 添加hideItem/showItem 方法
查看>>
查看WEB ADI所对应的包过程函数
查看>>