なんでもノート

なんでも書くノートみたいなブログ

transitionendイベントとanimationendイベント

最近transitionendイベントとanimationendイベントを知った。

transitionendイベントはCSSトランジッションが終わったときに発生する。

HTMLElement: transitionend イベント - Web API | MDN

最初書いたときはtransitionedとタイポした。過去形を表すedではなく、endだった。画面の描画後ではなく、CSSトランジッションが終了後に何かしたいとき利用する。

animationendイベントはCSSアニメーションが終わったときに発生する。

Document: animationend イベント - Web API | MDN

transitionendイベントリスナーが動かず、実装を見たらtransitionではなくanimationだった。transitionendイベントがあるならanimationendイベントもあるだろうと推測して見つけた。使い方はtransitionendイベントとほぼ同じと考えていいと思う。

今日はcopyイベントとpasteイベントが存在することを知った。

いっぱいあるな〜。