GlobalEventHandlers.onresize

Die GlobalEventHandlers.onresize Property enthält einen event handler, der ausgelöst wird, sobald ein resize (en-US)-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