animationend begivenhed

DOM begivenheder AnimationEvent

Definition og brug

animationend-begivenheden udløses, når CSS animation er afsluttet.

For mere viden om CSS animation, lær vores CSS3 animation undervisning.

Tre begivenheder kan forekomme, når CSS animation afspilles:

Eksempel

Når CSS animation er afsluttet, gør noget med <div>-elementet:

var x = document.getElementById("myDIV");
// Til Chrome, Safari og Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// Standard语法
x.addEventListener("animationend", myEndFunction);

Prøv det selv

Syntax

object.addEventListener("webkitAnimationEnd", myScript);  // Til Chrome, Safari og Opera
object.addEventListener("animationend", myScript);        // Standard语法

Kommentar:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbel: Understøttet
Kan annulleres: Ikke understøttet
Begivenhedstype: AnimationEvent
DOM version: Level 3 Events

Browserunderstøttelse

Tallet i tabellen angiver den første browserversion, der fuldt ud understøtter begivenheden.

Tallet efter "webkit" eller "moz" angiver den første version, der bruger præfikset.

Begivenhed Chrome IE Firefox Safari Opera
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Kommentar:For Chrome, Safari og Opera, brug webkitAnimationEnd.

Relaterede sider

CSS undervisning:CSS3 animation

CSS referencehåndbog:CSS3 animation egenskab

HTML DOM referencehåndbog:Style animation egenskab

DOM begivenheder AnimationEvent