// beurteilen Sie den horizontalen und vertikalen Bildschirmstatus des Mobiltelefons: Funktion henshuping () {if (window.orientation == 180 || window.orientation == 0) {alert ("vertikaler Bildschirmstatus!")} If (window.orientation == 90 || Fenster. Status! ")}} Window.AdDeVentListener (" OnorientationChange "im Fenster?" OrientationChange ":" Größe ", Henshuping, false);// Mobile Browser unterstützen im Allgemeinen den Parameter für das Fenster. Durch diesen Parameter können Sie feststellen, ob sich das Telefon in einem horizontalen oder vertikalen Bildschirmzustand befindet.
Daher werden die entsprechenden Verfahren entsprechend den tatsächlichen Bedürfnissen ausgeführt. Durch das Hinzufügen des Hörereignisses OnorientationChange können Sie es ausführen.
Bei der Entwicklung von iPad- und iPhone -Webseiten müssen wir möglicherweise beurteilen, ob es sich um einen horizontalen Bildschirm oder ein vertikaler Bildschirm handelt.
Das Folgende ist eine Beschreibung der Verwendung von JQuery, um festzustellen, ob iPad, iPhone und Android horizontal oder vertikal sind.
Funktion oriented () {if (window.orientation == 90 || window.orientation == -90) {// iPad, iPhone vertikaler Bildschirm; Andriod Horizontal Screen $ ("Körper"). Attr ("Klasse", "Landschaft"); orientation = 'Landscape'; return false;} else if (window.orientation == 0 || window.orientation == 180) {// iPad, iPhone horizontaler Bildschirm; Andriod vertikaler Bildschirm $ ("Körper"). Attr ("Klasse", "Porträt"); orientation = 'porträt'; return false;}} // rufen Sie $ (function () {orient ();}); // $ (Fenster) auf, wenn der Benutzer die Bildschirmrichtung ändert.Das Fenster.orientierungswert entspricht der Bildschirmrichtung:
iPad: 90 oder -90 horizontaler Bildschirm
iPad: 0 oder 180 vertikaler Bildschirm
Android: 0 oder 180 horizontaler Bildschirm
Android: 90 oder -90 vertikaler Bildschirm
Das obige ist das Problem der Verwendung von JavaScript, um festzustellen, ob ein mobiler Browser horizontal oder vertikal ist. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!