animationstart ఇవెంట్

DOM ఇవెంట్స్ AnimationEvent

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

కాస్స్ స్క్రిప్టింగ్ ప్రారంభమైనప్పుడు animationstart ఈవెంట్ జరిగేది.

CSS స్క్రిప్టింగ్ గురించి మరింత తెలుసుకోవడానికి మా పాఠ్యపుస్తకాన్ని అభ్యర్థించండి: CSS3 స్క్రిప్టింగ్ పాఠ్యపుస్తకం.

కాస్స్ స్క్రిప్టింగ్ ప్రారంభమైనప్పుడు మూడు ఈవెంట్లు జరిగవచ్చు:

  • animationstart - కాస్స్ స్క్రిప్టింగ్ ప్రారంభమైనప్పుడు జరిగే
  • animationiteration - కాస్స్ స్క్రిప్టింగ్ పునరావృతం జరిగేప్పుడు జరిగే
  • animationend - కాస్స్ స్క్రిప్టింగ్ ప్రారంభమైనప్పుడు జరిగే

ఉదాహరణ

కాస్స్ స్క్రిప్టింగ్ ప్రారంభమైనప్పుడు <div> కొలియేటి కొన్ని పనులు చేయండి:

var x = document.getElementById("myDIV");
// Chrome, Safari మరియు Opera కొరకు కోడ్
x.addEventListener("webkitAnimationStart", myStartFunction);
// ప్రామాణిక సంకేతాలు
x.addEventListener("animationstart", myStartFunction);

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

విధానం

object.addEventListener("webkitAnimationStart", myScript);  // Chrome, Safari మరియు Opera కొరకు కోడ్
object.addEventListener("animationstart", myScript);        // ప్రామాణిక సంకేతాలు

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

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

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

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

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

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

ఈవెంట్లు Chrome IE Firefox Safari Opera
animationstart 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

ప్రత్యామ్నాయ వివరణలు:Chrome, Safari మరియు Opera కొరకు webkitAnimationEnd ఉపయోగించండి.

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

CSS పాఠ్యపుస్తకం:CSS3 అనిమేషన్

CSS పరికల్పనా కైతగిరికి పరిచయం చేయండి:CSS3 animation గుణం

HTML DOM పరిశీలన పత్రికStyle animation గుణం

DOM ఇవెంట్స్ AnimationEvent