例
で何かを行う<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」または「○」に続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| イベント | |||||
|---|---|---|---|---|---|
| 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トランジション・プロパティプロパティ
イベントオブジェクト