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()">
Voorbeeld 2
Gebruik de addEventListener() methode om het "resize"-evenement toe te voegen aan het window-object:
window.addEventListener("resize", myFunction);
Syntaxis
In HTML:
<element onresize="myScript">
In JavaScript:
object.onresize = function(){myScript};
In JavaScript, gebruik de addEventListener() methode:
object.addEventListener("resize", myScript);
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 |