transitionEnd设计

最新推荐文章于 2021-05-26 16:27:10 发布

iteye_2245

最新推荐文章于 2021-05-26 16:27:10 发布

阅读量85

点赞数

分类专栏： js动画文章标签： transitionEnd webkitTransitionEnd

本文链接：https://blog.csdn.net/iteye_2245/article/details/82541280

版权

js动画专栏收录该内容

7 篇文章 0 订阅

订阅专栏

收录一段动画end的设计：

function transitionEnd(){
 
     var el = document.createElement("div");

     var transEndEventNames = {
           'WebkitTransition' : 'webkitTransitionEnd',
           'MozTransition' : 'transitionend',
           'OTransition' : 'oTransitionEnd otransitionend',
           'transition' : 'transitionend'
     };

    for(var name in transEndEventNames){
         if(el.style[name] !== undefined){
               return {
                     end : transEndEventNames[name]
               };
         }
    }

}