Document: animationstart イベント

animationstart イベントは、 CSS アニメーションが開始したときに発生します。 animation-delay がある場合、このイベントは遅延時間が経過したときに一度発生します。遅延時間が負の数の場合、イベントは elapsedTime が遅延時間の絶対値と等しくなったときに発生します。 (および、関連して、アニメーションはシーケンスの中でそのタイムインデックスに再生が始まります)。

バブリング あり
キャンセル可能 いいえ
インターフェイス AnimationEvent
イベントハンドラープロパティ onanimationstart

これは animationstart イベントを待ち受けし、発生時にメッセージを記録します。

document.addEventListener('animationstart', () => {
  console.log('Animation started');
});

同様に、 onanimationstart を使用するとこうなります。

document.onanimationstart = () => {
  console.log('Animation started');
};

仕様書

仕様書 状態 備考
CSS Animations 草案 初回定義

ブラウザーの対応

No compatibility data found. Please contribute data for "api.Document.animationstart_event" (depth: 1) to the MDN compatibility data repository.

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,