您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如何跨浏览器标准化CSS3 Transition功能？

如何跨浏览器标准化CSS3 Transition功能？

如何跨浏览器标准化CSS3 Transition功能？

Modernizr中使用了一项技术，对它进行了改进：

function transitionendEventName () {
    var i,
        undefined,
        el = document.createElement('div'),
        transitions = {
            'transition':'transitionend',
            'OTransition':'otransitionend',  // otransitionend in very old Opera
            'MozTransition':'transitionend',
            'WebkitTransition':'webkittransitionend'
        };

    for (i in transitions) {
        if (transitions.hasOwnProperty(i) && el.style[i] !== undefined) {
            return transitions[i];
        }
    }

    //TODO: throw 'transitionend event is not supported in this browser'; 
}

然后，只要需要过渡结束事件，就可以调用此函数：

var transitionend = transitionendEventName();
element.addEventListener(transitionend, theFunctionToInvoke, false);
CSS 2022/1/1 18:15:03 有491人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶