onresize इवेंट
परिभाषा और उपयोग
onresize इवेंट ब्राउज़र विंडो का आकार समायोजित होने पर होता है。
सूचना:यदि आप एलीमेंट के आकार को प्राप्त करना चाहते हैं तो, clientWidth, clientHeight,innerWidthऔरinnerHeightऔरouterWidthऔरouterHeightoffsetWidth और/या offsetHeight गुणों के रूप में。
उदाहरण
उदाहरण 1
ब्राउज़र विंडो के आकार को समायोजित करते समय JavaScript चलाएं:
<body onresize="myFunction()">
उदाहरण 2
window ऑब्जेक्ट पर "resize" इवेंट को जोड़ने के लिए addEventListener() विधि का उपयोग करें:
window.addEventListener("resize", myFunction);
व्याकरण
HTML में:
<एलीमेंट onresize="myScript">
जैसा कि JavaScript में:
ऑब्जेक्ट.onresize = function(){myScript};
जैसा कि JavaScript में, addEventListener() विधि का उपयोग करते हैं:
ऑब्जेक्ट.addEventListener("resize", myScript);
टिप्पणी:इंटरनेट एक्सप्लोरर 8 या उससे पहले की संस्करण इसे समर्थित नहीं करती addEventListener() विधि。
तकनीकी विवरण
बुबलिंग: | असमर्थित |
---|---|
रद्द करने योग्य: | असमर्थित |
इवेंट क़िस्म: | यदि उपयोगकर्ता इंटरफेस से उत्पन्न होता है तोUiEvent。अन्यथा Event。 |
समर्थित HTML टैग: | <body> |
DOM संस्करण: | Level 2 Events |
ब्राउज़र सापोर्ट
इवेंट | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onresize | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |