检查CSS3转换是否正在运行

Question

是否有一种方法来检测在我的Javascript中，如果一个元素目前正在与CSS3过渡动画?

"transitionstart"事件(相当于"transitionend"事件)也可以，但我在规范中找不到任何提及。

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

实现自定义事件、处理正确的过渡属性(或多个属性)以及更多想法都可以得到改进，但你明白了吗?

也许你需要采取另一种方法来解决你原来的问题…