transitionEnd设计

最新推荐文章于 2025-11-07 03:59:28 发布

原创最新推荐文章于 2025-11-07 03:59:28 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#transitionEnd #webkitTransitionEnd

js动画专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的跨浏览器动画结束事件侦测方法。该方法利用了一个通用函数来检测不同浏览器环境下对应的动画结束事件名称。

收录一段动画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]
               };
         }
    }

}