Erkennen von CSS3-Übergangsauslösern: Eine umfassende Übersicht
In CSS3 spielen Übergänge eine wichtige Rolle bei der Animation von Elementänderungen. Um den Status eines Übergangs zu überwachen, fragen Sie sich möglicherweise, ob von einem Element Ereignisse ausgelöst werden, um zu bestimmen, wann er beginnt oder endet.
W3C CSS Transition Draft
Gemäß Gemäß dem W3C CSS Transitions Draft löst der Abschluss eines CSS-Übergangs ein entsprechendes DOM-Ereignis aus. Für jede Eigenschaft, die sich im Übergang befindet, wird ein bestimmtes Ereignis ausgelöst. Mit diesem Ereignismechanismus können Entwickler Aktionen mit dem Abschluss des Übergangs synchronisieren.
Webkit
Webkit-Browser bieten das webkitTransitionEnd-Ereignis, eine Instanz von WebKitTransitionEvent. Sie können einen JavaScript-Ereignis-Listener für dieses Ereignis festlegen, um zu erfahren, wann ein Übergang abgeschlossen ist.
1 2 3 4 |
|
Mozilla
Firefox und Opera verwenden die Ereignisse „transitionend“ bzw. „oTransitionEnd“. , um das Ende eines Übergangs zu signalisieren. Das einzelne ausgelöste Ereignis deckt alle Eigenschaften ab, die geändert werden.
Opera
Opera hat nur ein Übergangsereignis, oTransitionEnd, das auftritt, wenn ein Übergang abgeschlossen ist.
Internet Explorer
Internet Explorer bietet auch ein Übergangsendereignis, das ausgelöst wird, sobald ein Übergang abgeschlossen ist. Wenn der Übergang jedoch vor seinem Abschluss entfernt wird, wird das Ereignis nicht ausgelöst.
Browserübergreifende Normalisierung
Für eine konsistente Ereignisbehandlung in allen Browsern sollten Sie die Verwendung in Betracht ziehen eine browserübergreifende Bibliothek wie Modernizr oder jQuery. Diese Bibliotheken stellen normalisierte Ereignisbindungen für verschiedene CSS3-Eigenschaften bereit, einschließlich Übergängen.
Das obige ist der detaillierte Inhalt vonSo erkennen Sie CSS3-Übergangsauslöser: Eine umfassende Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!