MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

GlobalEventHandlers.onresize

Diese Übersetzung ist in Arbeit.

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
WHATWG HTML Living Standard
Die Definition von 'onresize' in dieser Spezifikation.
Lebender Standard  

Schlagwörter des Dokuments und Mitwirkende

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