html - 检查 CSS3 过渡是否正在运行

Question

有没有办法在我的 Javascript 中检测元素当前是否正在使用 CSS3 过渡动画？

“transitionstart”事件(相当于“transistionend”事件)也可以解决，但我在规范中找不到任何提及。

Answer 1

好吧，因为只有一个 transitionend 事件 ( http://www.w3.org/TR/css3-transitions/#transition-events ) 我想到了一些丑陋的东西:

http://jsfiddle.net/coma/psbBg/6/

JS

$(function() {

    var div = $('div');
    var property = div.css('transition-property');
    var lastValue = div.css(property);

    setInterval(function() {

        if(lastValue !== div.css(property)) {

            console.log('changed!');

        }

        lastValue = div.css(property);

    }, 10);

});

它可以改进实现自定义事件、注意获取正确的过渡属性(或多个属性)以及更多想法，但您的想法正确吗？

也许您需要采取另一条途径来解决您原来的问题...