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 सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट