"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > क्या CSS3 ट्रांज़िशन प्रारंभ और समाप्ति बिंदुओं का पता लगाने के लिए ईवेंट प्रदान करते हैं?

क्या CSS3 ट्रांज़िशन प्रारंभ और समाप्ति बिंदुओं का पता लगाने के लिए ईवेंट प्रदान करते हैं?

2024-12-18 को प्रकाशित
ब्राउज़ करें:725

Do CSS3 Transitions Provide Events to Detect Start and End Points?

CSS3 ट्रांज़िशन इवेंट को समझना

CSS3 ट्रांज़िशन वेब तत्वों पर सहज एनिमेशन और दृश्य प्रभावों की अनुमति देता है। उपयोगकर्ता अनुभव को बढ़ाने और इन बदलावों के साथ कार्यों को सिंक्रनाइज़ करने के लिए, उनकी प्रगति की निगरानी करना महत्वपूर्ण है। यह लेख इस प्रश्न का समाधान करता है कि क्या CSS3 यह जांचने के लिए ईवेंट प्रदान करता है कि संक्रमण कब शुरू होता है या समाप्त होता है।

W3C CSS Transitions सीएसएस संक्रमण संबंधित DOM घटनाओं को ट्रिगर करता है। प्रत्येक परिवर्तनशील संपत्ति के लिए, एक घटना उत्पन्न होती है। यह डेवलपर्स को ट्रांज़िशन के पूरा होने के साथ मेल खाने वाली कार्रवाइयों को निष्पादित करने में सक्षम बनाता है। इस इवेंट के लिए जावास्क्रिप्ट इवेंट श्रोता सेट करने से डेवलपर्स को पूर्णता को पकड़ने की अनुमति मिलती है।

box.addEventListener('webkitTransitionEnd', function(event) { चेतावनी ("संक्रमण समाप्त!"); }, false);

मोज़िला, ओपेरा, और इंटरनेट एक्सप्लोरर

अधिकांश ब्राउज़र संक्रमण पूरा करने के लिए एकल ईवेंट का समर्थन करते हैं:

box.addEventListener('webkitTransitionEnd', function(event) {
  alert("Finished transition!");
}, false);

ओपेरा: oट्रांज़िशनएंडवेबकिट: वेबकिटट्रांज़िशनएंड

इंटरनेट एक्सप्लोरर: ट्रांज़िशनएंड

  • इंटरनेट एक्सप्लोरर में, ट्रांज़िशनएंड इवेंट तभी सक्रिय होता है जब ट्रांज़िशन सफलतापूर्वक पूरा हो जाता है; इसे समय से पहले हटाने से ईवेंट को ट्रिगर होने से रोका जा सकता है। CSS3 ट्रांज़िशन की प्रगति और उनके पूरा होने के साथ समन्वय में आवश्यक क्रियाएं निष्पादित करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3