transitionend 事件
定義和用法
transitionend 事件在 CSS 轉換完成時發生。
注釋：如果轉換在完成之前被移除，例如如果刪除了 CSS transition-property 屬性，將不會觸發 transitionend 事件。
如需有關 CSS 過渡的更多知識，請學習我們的 CSS3 過渡教程。
實例
當 CSS 過渡結束時，對 <div> 元素做一些事情：
// 針對 Safari 3.1 到 6.0 的代碼
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// 標準語法
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
語法
object.addEventListener("webkitTransitionEnd", myScript); // 針對 Safari 3.1 到 6.0 的代碼
object.addEventListener("transitionend", myScript); // 標準語法
注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
技術細節
| 冒泡： | 支持 |
|---|---|
| 可取消： | 支持 |
| 事件類型： | TransitionEvent |
| DOM 版本： | Level 3 Events |
瀏覽器支持
表中的數字注明了完全支持該事件的首個瀏覽器版本。
后面帶 "webkit"、"moz" 或 "o" 的數字指定使用這些前綴的首個版本。
| 事件 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transitionend | 26.0 4.0 (webkit) |
10.0 | 16.0 4.0 (moz) |
6.1 3.1 (webkit) |
12.1 10.5 (o) |
