onresize-evenement

Definitie en gebruik

Het onresize-evenement wordt geactiveerd wanneer het browservenster wordt aangepast.

Tip:Om de grootte van een element te verkrijgen, gebruik dan clientWidth, clientHeight,InnerWidth,InnerHeight,OuterWidth,OuterHeighten de offsetWidth en / of offsetHeight-eigenschappen.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de browservenstergrootte wordt aangepast:

<body onresize="myFunction()">

Probeer het zelf

Voorbeeld 2

Gebruik de addEventListener() methode om het "resize"-evenement toe te voegen aan het window-object:

window.addEventListener("resize", myFunction);

Probeer het zelf

Syntaxis

In HTML:

<element onresize="myScript">

Probeer het zelf

In JavaScript:

object.onresize = function(){myScript};

Probeer het zelf

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("resize", myScript);

Probeer het zelf

Opmerking:Internet Explorer 8 of eerder ondersteunt dit niet addEventListener() methode.

Technische details

Bubbelend: Niet ondersteund
Annuleerbaar: Niet ondersteund
Evenementtype: als het van de gebruikersinterface wordt gegenereerd,UiEvent. Anders Event.
Ondersteunde HTML tags: <body>
DOM versie: Level 2 Events

Browser support

Events Chrome IE Firefox Safari Opera
onresize Support Support Support Support Support