' आकार ” जावास्क्रिप्ट में घटना एक अंतर्निहित घटना है जो तब शुरू होती है जब उपयोगकर्ता ब्राउज़र विंडो का आकार बदलता है। इस घटना का उपयोग नए विंडो आकार के जवाब में वेब पेज के लेआउट या व्यवहार को समायोजित करने के लिए किया जा सकता है। ईवेंट विंडो ऑब्जेक्ट पर ट्रिगर/निकाल दिया गया है जो ब्राउज़र विंडो को दर्शाता है।
यह पोस्ट जावास्क्रिप्ट में विंडो के आकार बदलने की घटना का वर्णन करेगी।
जावास्क्रिप्ट में विंडो 'रीसाइज़' इवेंट क्या है?
जावास्क्रिप्ट में, ' आकार ब्राउज़र विंडो का आकार बदलने पर ईवेंट सक्रिय हो जाता है। आप 'का उपयोग करके आकार बदलने वाले ईवेंट में फ़ंक्शन संलग्न कर सकते हैं' ऐडइवेंट लिस्टनर () ”विंडो ऑब्जेक्ट पर विधि। जब भी ब्राउज़र विंडो का आकार बदला जाएगा, यह ईवेंट ट्रिगर होगा।
वाक्य - विन्यास
'AddEventListener ()' विधि के साथ विंडो का आकार बदलने के लिए निम्नलिखित सिंटैक्स का उपयोग रिसाइज़ इवेंट के लिए किया जाता है:
window.addEventListener ( 'आकार बदलें' , funcName )
किसी भी मेमोरी लीक से बचने के लिए इवेंट श्रोता को हटाने की सिफारिश की जाती है। ईवेंट श्रोता को निकालने के लिए, 'का उपयोग करें' रिमूव इवेंट लिस्टनर () ' तरीका:
उदाहरण
प्रदान किए गए उदाहरण में, विंडो का आकार बदलते समय विंडो की लंबाई और चौड़ाई पृष्ठ पर प्रदर्शित होगी।
सबसे पहले, विंडो की लंबाई और चौड़ाई प्रदर्शित करने के लिए एक स्पैन एरिया बनाएं:
खिड़की की चौड़ाई:खिड़की' ऊंचाई: < अवधि पहचान = 'ऊंचाई' >> अवधि >
फिर,