GlobalEventHandlers.onresize

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

  • funcRef ist 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