異なるブラウザ間で CSS3 トランジションの完了を確実に検出するにはどうすればよいですか?

CSS3 トランジション イベントについて: 総合ガイド

CSS3 トランジションは、要素の変更をスムーズにアニメーション化する強力な方法を提供します。トランジションの使用中、開発者は同期タスクや条件タスクを実行するためにトランジションの開始時または終了時にイベントをリッスンする必要がある場合があります。

W3C CSS Transitions Draft

W3C によるとCSS トランジション ドラフトでは、CSS トランジションが完了すると、対応する DOM イベントが生成されます。このイベントは、遷移中のプロパティごとに特別にトリガーされます。このメカニズムにより、開発者はアクションをトランジションの完了にリンクできます。

WebKit

WebKit では、「webkitTransitionEnd」イベント タイプを使用してトランジションの完了をトラップします。遷移。このイベントは WebKitTransitionEvent のインスタンスです。

Mozilla

Mozilla は、遷移が完了したときにトリガーされる「transitionend」と呼ばれる統合イベントを実装しています。同様に、Opera では、'oTransitionEnd' が同じ目的を果たします。

Opera

Opera は、遷移の終了時に発生する単一の遷移イベント 'oTransitionEnd' をサポートします。

インターネットExplorer

Internet Explorer の場合、「transitionend」イベントは遷移の完了を示します。ただし、トランジションが完了する前に削除された場合、イベントは発生しません。

ブラウザ間の正規化

ブラウザごとにトランジションのイベント名と実装が異なるため、イベントの場合、クロスブラウザー正規化戦略を使用すると便利です。 1 つのアプローチは、さまざまなブラウザーにわたるイベント処理を抽象化する jQuery JavaScript ライブラリを使用することです。

以上が異なるブラウザ間で CSS3 トランジションの完了を確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。