animationend ఈవెంట్

DOM ఈవెంట్లు AnimationEvent

నిర్వచనం మరియు ఉపయోగం

క్రోమ్ స్క్రిప్టింగ్ ప్రయోగం

CSS అనిమేషన్ గురించి మరింత తెలుసుకోవడానికి మా కోర్సులను అభ్యసించండి CSS3 అనిమేషన్ శిక్షణాలోపలిక.

క్రోమ్ స్క్రిప్టింగ్ ప్రయోగం

ఉదాహరణ

క్రోమ్ స్క్రిప్టింగ్ ప్రయోగం

var x = document.getElementById("myDIV");
// క్రోమ్, సఫారీ మరియు ఓపెరా కోసం సంకేతాలు
x.addEventListener("webkitAnimationEnd", myEndFunction);
// ప్రామాణిక సంకేతాలు
x.addEventListener("animationend", myEndFunction);

ప్రయత్నించండి

సంకేతాలు

object.addEventListener("webkitAnimationEnd", myScript);  // క్రోమ్, సఫారీ మరియు ఓపెరా కోసం సంకేతాలు
object.addEventListener("animationend", myScript);        // ప్రామాణిక సంకేతాలు

పరిశీలన:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అది ముంది వెర్షన్లు ఈ పద్ధతిని మద్దతు ఇవ్వలేదు addEventListener() పద్ధతి.

సాంకేతిక వివరాలు

బాపింగ్ అవుతుంది లేదా లేదు: మద్దతు ఉంది
రద్దు చేయగలిగే విధం: మద్దతు లేదు
ఈవెంట్ రకం: AnimationEvent
DOM వెర్షన్: స్థాయి 3 ఈవెంట్లు

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఈవెంట్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను సూచిస్తాయి.

సంఖ్యల తర్వాత ఉన్న "webkit" లేదా "moz" ప్రత్యేకతలు ఉపయోగించబడే మొదటి వెర్షన్ను సూచిస్తాయి.

ఈవెంట్లు క్రోమ్ ఐఇ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

పరిశీలన:క్రోమ్, సఫారీ మరియు ఓపెరా కోసం webkitAnimationEnd ని వాడండి.

సంబంధిత పేజీలు

CSS శిక్షణాలోపలికCSS3 అనిమేషన్

CSS పరికల్పనా కైమనుCSS3 animation అట్రిబ్యూట్

HTML DOM పరికల్పనా కైమనుStyle animation అట్రిబ్యూట్

DOM ఈవెంట్లు AnimationEvent