最近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イベントが存在することを知った。
いっぱいあるな〜。