AnimationEvent animationName 属性

DOM イベント AnimationEvent

定義と使用方法

アニメーションイベントが発生したとき、animationName 属性はアニメーションの名前を返します。

アニメーションの名前は CSS 属性です。 animation-name の値。

この属性は読み取り専用です。

例

アニメーションに関連付けられたアニメーション名を取得する：

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Animation-name is: " + event.animationName;
}

実際に試してみる

構文

event.animationName

技術的詳細

返り値： アニメーションの名前を示す文字列値。

ブラウザサポート

表の数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

属性 Chrome IE Firefox Safari Opera
animationName サポート 10.0 6.0 サポート サポート

関連ページ

HTML DOM リファレンスマニュアル：animationstart イベント

HTML DOM リファレンスマニュアル：animationiteration イベント

HTML DOM リファレンスマニュアル：animationend イベント

HTML DOM リファレンスマニュアル：AnimationEvent elapsedTime 属性

CSS リファレンスマニュアル：CSS3 animation 属性

CSS リファレンスマニュアル：CSS3 animation-name 属性

DOM イベント AnimationEvent