GlobalEventHandlers.onresize

Springen zu:
  1. Syntax
  2. Beispiel
  3. Anmerkung
  4. Spezifikation

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen 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  

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
Mitwirkende an dieser Seite: mdnwebdocs-bot, mecograph
Zuletzt aktualisiert von: mdnwebdocs-bot,