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

propertyName プロパティ

event.propertyName

 propertyName プロパティは、CSS の transition プロパティや @keyframes に定義されたプロパティ名を返すTransitionEventのプロパティです。
 CSS の transition プロパティは CSS アニメーションを定義するプロパティです。

*ブラウザによってはこのプロパティは機能しません。

propertyName プロパティ
document.getElementById("example").addEventListener("animationstart", (event) => {
	console.log( event.preventDefault() );
}, false);

詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

返り値はString型で、読み取り専用です。

String = event.propertyName;

返り値(Return Values)

Type摘要
StringCSSのtransitionプロパティに定義されたCSSプロパティ

Example

 propertyName プロパティの例です。以下の「確認」ボタンをクリックしてください。Example が動きます。
 ポインターをエレメント上にもっていくと CSS アニメーションが始まります。

 transition プロパティでも試しましたが、propertyName プロパティは機能しません。

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