例
做一些與<div>元素時，CSS轉換結束：
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); 試一試» 定義和用法
當一個CSS過渡完成時，會出現transitionend事件。
注意：如果過渡完成後，如前如果取消了CSS 過渡屬性屬性被刪除，transitionend事件不會觸發。
有關CSS過渡的詳細信息，請參閱我們的教程CSS3過渡 。
瀏覽器支持
在表中的數字指定完全支持該事件的第一個瀏覽器的版本。
數字後面加上“WebKit的”，“MOZ”或“O”指定用一個前綴工作的第一個版本。
| 事件 | |||||
|---|---|---|---|---|---|
| transitionend | 26.0 4.0（webkitTransitionEnd） | 10.0 | 16.0 4.0（mozTransitionEnd） | 6.1 3.1（webkitTransitionEnd） | 12.1 10.5（oTransitionEnd） |
句法
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
注意： 使用addEventListener（）在Internet Explorer 8和更早版本不支持的方法。
技術細節
| 泡沫： | 是 |
|---|---|
| 取消： | 是 |
| 事件類型： | TransitionEvent |
| DOM版本： | 3級事件 |
相關頁面
CSS教程： CSS3過渡
CSS參考： CSS3轉換屬性
CSS參考： CSS3過渡性質物業
事件對象