例
アニメーションに関連付けられているアニメーションの名前を取得します。
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
} »それを自分で試してみてください 定義と使用法
アニメーションイベントが発生したときanimationNameプロパティは、アニメーションの名前を返します。
アニメーションの名前はの値であるアニメーション名の CSSプロパティ。
このプロパティは読み取り専用です。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| animationName | はい | 10.0 | 6.0 | はい | はい |
構文
event .animationName技術的な詳細
| 戻り値： | アニメーションの名前を表す文字列、 |
|---|
関連ページ
HTML DOMリファレンス： animationstartイベント
HTML DOMリファレンス： animationiterationイベント
HTML DOMリファレンス： animationendイベント
HTML DOMリファレンス： AnimationEvent elapsedTime Property
CSSリファレンス： CSS3 animation Property
CSSリファレンス： CSS3 animation-name Property
<イベントオブジェクト