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

animationName プロパティ

event.animationName

 animationName プロパティは、CSSアニメーションの name 名を取得する AnimationEvent のプロパティです。CSS の animation-name プロパティの値です。

 animationName プロパティは、animationstartanimationiterationanimationendイベントによって得られる event オブジェクトのプロパティとして取得できます。

animationName プロパティ
document.getElementById('example').onanimationstart = ( event )=>{
	console.log( event.animationName );
};

 animationName プロパティは、animationstartanimationiterationanimationendイベントが発生したときに利用できます。

ページ内 Index

Syntax

in JavaScript

返り値はString型です。

String = event.animationName;

Example

 animationName プロパティの例です。
 animationstart イベントをとらえて、eventオブジェクトを取得します。そして、eventオブジェクトのanimationName プロパティの値を表示します。

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