संक्रमणकालीन घटना
उदाहरण
CSS संक्रमण समाप्त होने पर <div> तत्व के साथ कुछ करें:
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
परिभाषा और उपयोग
ट्रांज़िशनएंड इवेंट तब होता है जब एक CSS ट्रांज़िशन पूरा हो गया हो।
नोट: यदि ट्रांज़िशन पूरा होने से पहले हटा दिया जाता है, उदाहरण के लिए यदि CSS ट्रांज़िशन-प्रॉपर्टी प्रॉपर्टी हटा दी जाती है, तो ट्रांज़िशनएंड इवेंट सक्रिय नहीं होगा।
CSS ट्रांज़िशन के बारे में अधिक जानकारी के लिए, CSS3 ट्रांज़िशन पर हमारा ट्यूटोरियल देखें ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है।
"वेबकिट", "मोज़" या "ओ" के बाद नंबर पहले संस्करण को निर्दिष्ट करते हैं जो उपसर्ग के साथ काम करता है।
Event | |||||
---|---|---|---|---|---|
transitionend | 26.0 4.0 (webkitTransitionEnd) |
10.0 | 16.0 4.0 (mozTransitionEnd) |
6.1 3.1 (webkitTransitionEnd) |
12.1 10.5 (oTransitionEnd) |
वाक्य - विन्यास
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | हां |
घटना प्रकार: | संक्रमण घटना |
डोम संस्करण: | स्तर 3 की घटनाएँ |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: CSS3 के बदलाव
सीएसएस संदर्भ: CSS3 संक्रमण संपत्ति
CSS संदर्भ: CSS3 संक्रमण-संपत्ति संपत्ति