码迷,mamicode.com
首页 > Web开发 > 详细

js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件

时间:2017-05-01 12:55:18      阅读:544      评论:0      收藏:0      [点我收藏+]

标签:pre   sre   www   time   代码   store   classlist   ejs   patch   

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);

 

js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件

标签:pre   sre   www   time   代码   store   classlist   ejs   patch   

原文地址:http://www.cnblogs.com/CyLee/p/6791650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!