CSS3遷移が実行されていることを確認してください

Question

要素が現在CSS3遷移でアニメーション化されているかどうかをJavascriptで検出する方法はありますか？

「トランジション・スタート」イベント（ '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); 

}); 

これは、カスタムイベントを実施し改善することができ、正しいトランジションプロパティ（またはプロパティ）を取得し、より多くのアイデアを得ることを世話しますが、あなたは正しいイメージを取得しますか？

たぶん、あなたはあなたの元の問題の解決に別のパスを取る必要があります...