onresize ఇవెంట్

DOM ఈవెంట్లు Event ఆబ్జెక్ట్

నిర్వచనం మరియు వినియోగం

onresize ఇవెంట్ బ్రౌజర్ విండో పరిమాణాన్ని మార్చినప్పుడు జరుగుతుంది.

అనురూపంగా చెప్పుకొని:ఎలాంటి ఎలమెంట్ పరిమాణాన్ని పొందడానికి, clientWidth, clientHeight,innerWidthమరియుinnerHeightమరియుouterWidthమరియుouterHeightమరియు offsetWidth మరియు/లేదా offsetHeight అనునది లభ్యము.

ఉదాహరణ

ఉదాహరణ 1

బ్రౌజర్ విండో పరిమాణాన్ని మార్చినప్పుడు జావాస్క్రిప్ట్ను అమలు చేయండి:

<body onresize="myFunction()">

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

addEventListener() పద్ధతిని ఉపయోగించి window ఆబ్జెక్ట్పై "resize" ఇవెంట్ను జతచేయండి:

window.addEventListener("resize", myFunction);

స్వయంగా ప్రయత్నించండి

సంకేతాలు

HTMLలో:

<element onresize="myScript">

స్వయంగా ప్రయత్నించండి

జావాస్క్రిప్ట్లో:

object.onresize = function(){myScript};

స్వయంగా ప్రయత్నించండి

జావాస్క్రిప్ట్లో, addEventListener() పద్ధతిని ఉపయోగించడం:

object.addEventListener("resize", myScript);

స్వయంగా ప్రయత్నించండి

ప్రత్యామ్నాయంగా చెప్పుకొని:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అది ముంది సంస్కరణలు మద్దతు లేవు addEventListener() పద్ధతి。

సాంకేతిక వివరాలు

బాపింగ్: మద్దతు లేదు
రద్దు చేయదగినది: మద్దతు లేదు
ఇవెంట్ రకం: ఉపయోగదారి ఇంటర్ఫేస్ నుండి ఏర్పడినప్పుడుUiEvent。లేకపోతే Event。
మద్దతు ఉండే HTML టాగ్లు: <body>
DOM సంస్కరణలు: Level 2 Events

బ్రౌజర్ మద్దతు

ఈవెంట్లు చ్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
onresize మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
DOM ఈవెంట్లు Event ఆబ్జెక్ట్