animationendイベント
animationendイベントは、CSSアニメーションの実行の完了を捉えるイベントタイプです。 このイベントは、AnimationEventのイベントタイプです。
CSSアニメーションの実行には、以下のイベントタイプがあります。
animationstart | CSSアニメーションが始まったら |
animationiteration | CSSアニメーションが繰り返したら |
animationend | CSSアニメーションが完了したら |
Syntax
Chrome 4.0, Safari 4.0, Opera 15.0以前は"webkitAnimationEnd"で指定する必要があります。
in JavaScript
for Chrome, Safari, Opera
object.addEventListener("webkitAnimationEnd", script_);
上記以外
object.addEventListener("animationend", script_);
備考(Remarks)
Bubbles | yes |
Cancelable | no |
Interface | AnimationEvent |
Example
関連(Related)
HTML、CSS、DOMのCSSアニメーションに関する用途一覧です。 CSSアニメーションができるかはCSSのプロパティによります。
HTML
CSS
DOM
- インターフェース
- AnimationEvent、 PopStateEvent
- イベント
- animationend、 animationiteration、 animationstart
- プロパティ
- animationName、 elapsedTime、 propertyName
- メソッド