異なるブラウザ間で CSS3 遷移イベントを監視するにはどうすればよいですか?

イベントによる CSS3 遷移の監視

HTML 要素は、開発者が CSS3 遷移の進行状況を監視できるようにするイベント トリガーを提供します。これらのイベントは、遷移の開始または完了との同期を容易にします。

W3C ドラフト:

• DOM イベントは、CSS 遷移の開始または終了時に、専用のイベントで発生します。移行ごとにproperty.

Webkit:

• webkitTransitionEnd: 遷移の完了を示します。
• 例: ボックス。 addEventListener( 'webkitTransitionEnd', function( イベント ) { alert( "移行が完了しました!" ) }, false );

Mozilla:

• transitionend:すべてのトランジション完了しました。

オペラ:

• oTransitionEnd: 遷移の完了時にトリガーされます。

インターネットExplorer:

• transitionend: 遷移の完了時に発生します。遷移が中断された場合、イベントは発生しません。

ブラウザの互換性:

transitionend イベントはほとんどの主要なブラウザでサポートされていますが、ベンダー プレフィックスは異なる場合があります (例: Webkit の webkitTransitionEnd)。

追加リソース:

• [スタック オーバーフロー: ブラウザー間での CSS3 遷移関数の正規化](https://stackoverflow.com/questions/12951773/how-do-i-normalize-css3-transition-ブラウザ間での機能)

以上が異なるブラウザ間で CSS3 遷移イベントを監視するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。