html - 检查 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);

});

可以改进实现自定义事件，注意获取正确的转换属性（或属性）以及更多想法，但是您得到了正确的图片吗？

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