Gibt es eine Möglichkeit, die Breite und Höhe des Browsers zu erhalten, nachdem ein Benutzer die Größe des Fensters geändert hat? Wenn zum Beispiel das Fenster 1920 mal 1080 ist und der Benutzer das Fenster auf 500 um 500 ändert, gibt es eine Möglichkeit, diese beiden neuen Werte in JavaScript oder jquery zu erhalten?
Reine Javascript Antwort:
%Vor%Das funktioniert gut mit Chrome. Es funktioniert jedoch nur auf Chrom. Ein etwas browserübergreifenderes Beispiel verwendet die Ereigniszieleigenschaften "outerWidth" und "outerHeight", da in diesem Fall das Ereignis "target" das Fenster selbst ist. Der Code wäre wie folgt
%Vor%Das funktioniert gut in Firefox und Chrome
Ich hoffe, es hilft:)
Edit: Getestet in ie9 und das hat auch funktioniert:)
Sie können das resize -Ereignis zusammen mit den Eigenschaften height() und width()
Wenn Sie diese Werte kennen müssen, um Layoutanpassungen vorzunehmen, sollten Sie darauf achten, diese Werte zu hören. Ich empfehle stattdessen die Verwendung der Window.matchmedia() API für diesen Zweck.
Es ist viel performanter und ist im Grunde das JS-Äquivalent von CSS-Medienabfragen.
Sehr schnelles Anwendungsbeispiel:
%Vor% Sie können auch einen Listener einrichten, der jedes Mal aufgerufen wird, wenn sich der Status der matches -Eigenschaft ändert.
Siehe MDN für Beschreibung und Beispiel für die Verwendung eines Listeners .
Tags und Links javascript jquery