GlobalEventHandlers.onresize

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