onresize Evenement
Voorbeeld
Voer een JavaScript uit wanneer het formaat van het browservenster wordt gewijzigd:
<body onresize="myFunction()">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gebeurtenis onresize vindt plaats wanneer het formaat van het browservenster is gewijzigd.
Tip: Om de grootte van een element te krijgen, gebruikt u de eigenschappen clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth en/of offsetHeight.
Browserondersteuning
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Syntaxis
In HTML:
<element onresize="myScript">
In javascript:
object.onresize = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("resize", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
bubbels: | Nee |
---|---|
Annuleerbaar: | Nee |
Evenementtype: | UiEvent indien gegenereerd vanuit een gebruikersinterface, anders Event |
Ondersteunde HTML-tags: | <lichaam> |
DOM-versie: | Niveau 2 Evenementen |
Meer voorbeelden
Voorbeeld
De methode addEventListener() gebruiken om de gebeurtenis "resize" aan het window-object toe te voegen.
window.addEventListener("resize", myFunction);