transitionend ఈవెంట్
నిర్వచనం మరియు వినియోగం
transitionend ఈవెంట్ కాస్స్ ట్రాన్సిషన్ పూర్తి అయినప్పుడు జరుగుతుంది。
మున్నటికారణం:ట్రాన్సిషన్ పూర్తి ముగిసే ముందు సంచరించబడితే ఉదాహరణకు కూడా క్రింది స్టైల్ ను తొలగించినప్పుడు transition-property ట్రాన్సిషన్ ప్రత్యామ్నాయం లేదు ఉన్నప్పుడు అట్రిబ్యూట్ ను వాడటం అనేది transitionend ఈవెంట్ ను తరహాయ్యాలి.
CSS ట్రాన్సిషన్ గురించి మరింత తెలుసుకోవడానికి మా కోర్సులను అభ్యర్థించండి: CSS3 ట్రాన్సిషన్ ట్యూటోరియల్.
ప్రతిమాత్రము
కాస్స్ ట్రాన్సిషన్ ముగిసిన తర్వాత <div> మెటాడ్యూల్ పై ఏదో చేయండి:
// సఫారీ 3.1 నుండి 6.0 వరకు కోడ్
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// ప్రామాణిక సంకేతాలు
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
సంకేతాలు
object.addEventListener("webkitTransitionEnd", myScript); // సఫారీ 3.1 నుండి 6.0 వరకు కోడ్
object.addEventListener("transitionend", myScript); // ప్రామాణిక సంకేతాలు
మున్నటికారణం:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అంతకు ముంది వెర్షన్లు ఈ పద్ధతిని మద్దతు ఇవ్వవు addEventListener() పద్ధతి.
సాంకేతిక వివరాలు
| బాహ్యాకరణం: | మద్దతు |
|---|---|
| రద్దు చేయగలిగినది: | మద్దతు |
| ఈవెంట్ రకం: | TransitionEvent |
| DOM వెర్షన్: | లెవల్ 3 ఈవెంట్స్ |
బ్రౌజర్ మద్దతు
పట్టికలో కలిగిన సంఖ్యలు ఈ ఈవెంట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొన్నాయి。
క్రిందికి "webkit"、"moz" లేదా "o" అనే ప్రిఫిక్స్ కలిగిన సంఖ్యలు ఈ ప్రిఫిక్స్ యొక్క మొదటి వెర్షన్ ను వాడటానికి నిర్దేశిస్తాయి。
| ఈవెంట్ | చ్రోమ్ | ఐఇ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|---|
| transitionend | 26.0 4.0 (webkit) |
10.0 | 16.0 4.0 (moz) |
6.1 3.1 (webkit) |
12.1 10.5 (o) |
సంబంధిత పేజీలు
CSS ట్యూటోరియల్: CSS3 ట్రాన్సిషన్
