jQuery綁定到css3轉換發生

Question

到目前為止，在我的研究中，我發現的唯一的css3過渡事件是transitionEnd。 我想要做的是將一個javascript函數綁定到一個元素，以便在轉換發生時不斷重新觸發。 想想$（window）.resize但是對於使用css3過渡調整大小的元素。

這可能嗎？ 我沒有找到transitionStart，transitionAnimation或任何其他允許我檢測，轉換開始或轉換發生的時間。

我更喜歡jQuery的綁定，但其他方法也可以。 此外，這需要在FF，Chrome，Safari和Opera中使用。 謝謝大家！

Answer 1

與CSS3過渡相關的唯一事件是transitionend [1]。

[1] http://www.w3.org/TR/css3-transitions/#transition-events-

Answer 2

沒有其他CSS過渡事件： http ： //dev.w3.org/csswg/css3-transitions/#transition-events-

我假設您正在添加一個CSS類，該類在頁面加載或某種類型的事件（鼠標懸停，單擊，mouseenter等）上處理過渡。 使用它作為並行javascript函數的開始。 然后使用transitionEnd來阻止它。 要使其與您可能想要閱讀的多個瀏覽器兼容

https://developer.mozilla.org/en/CSS/CSS_transitions

希望有所幫助