例
做一些与<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过渡性质物业
事件对象