transitionend घटना
परिभाषा और उपयोग
transitionend घटना CSS ट्रांसिशन पूरा होने पर होती है。
टिप्पणी:यदि ट्रांसिशन पूरा होने से पहले हटा दिया जाता है, उदाहरण के लिए यदि CSS transition-property गुण, transitionend घटना को ट्रिगर नहीं करेगा。
CSS ट्रांसिशन के बारे में अधिक जानकारी के लिए हमारे CSS3 ट्रांसिशन पाठ्यक्रम。
उदाहरण
CSS ट्रांसिशन समाप्त होने पर <div> एलीमेंट पर कुछ करें:
// सफारी 3.1 से 6.0 तक के लिए कोड
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// मानक व्याकरण
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
व्याकरण
ऑब्जेक्ट.addEventListener("webkitTransitionEnd", myScript); // सफारी 3.1 से 6.0 तक के लिए कोड
ऑब्जेक्ट.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) |
