備忘録的プログラミングリファレンス

animationendイベント

 animationendイベントは、CSSアニメーションの実行の完了を捉えるイベントタイプです。 このイベントは、AnimationEventのイベントタイプです。

 CSSアニメーションの実行には、以下のイベントタイプがあります。

animationstartCSSアニメーションが始まったら
animationiterationCSSアニメーションが繰り返したら
animationendCSSアニメーションが完了したら

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)

Bubblesyes
Cancelableno
InterfaceAnimationEvent

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。