Sie lesen die englische Version dieses Inhalts, da für dieses Gebietsschema noch keine Übersetzung vorhanden ist. Helfen Sie uns, diesen Artikel zu übersetzen!
Die GlobalEventHandlers.onresize Property enthält einen EventHandler, der ausgelöst wird, sobald ein resize-Event empfangen wird.
Syntax
window.onresize = funcRef;
Parameter
funcRefist eine Referenz auf eine Funktion.
Beispiel
window.onresize = doFunc;
<html>
<head>
<title>onresize Test</title>
</head>
<body>
<p>Verändere die Größe des Browser Fensters, um den resize-Event auszulösen.</p>
<p>Window height: <span id="height"></span></p>
<p>Window width: <span id="width"></span></p>
<script type="text/javascript">
var heightOutput = document.querySelector('#height');
var widthOutput = document.querySelector('#width');
function resize() {
heightOutput.textContent = window.innerHeight;
widthOutput.textContent = window.innerWidth;
}
window.onresize = resize;
</script>
</body>
</html>
Anmerkung
Das resize-Event wird ausgelöst nachdem die Größe des Fensters verändert wurde.
Spezifikation
| Spezifikation | Status | Kommentar |
|---|---|---|
| HTML Living Standard Die Definition von 'onresize' in dieser Spezifikation. |
Lebender Standard |