// juzga el estado de la pantalla horizontal y vertical del teléfono móvil: function hensHuping () {if (window.orientation == 180 || window.orientation == 0) {alert ("Estado de pantalla vertical!")} If (window.orientation == 90 || window.orientation ==-90) {alerta ("alerta horizontal status! ")}} Window.AdDeventListener (" OnorientationChange "en Window?" OrientationChange ":" Cambiar el tamaño ", Henshuping, falso);// Los navegadores móviles generalmente admiten el parámetro de orientación. A través de este parámetro, puede determinar si el teléfono está en un estado de pantalla horizontal o vertical.
Por lo tanto, los procedimientos correspondientes se ejecutan de acuerdo con las necesidades reales. Al agregar el evento de escucha OnorientationChange, puede ejecutarlo.
En el desarrollo de páginas web de iPad y iPhone, es posible que necesitemos juzgar si es una pantalla horizontal o una pantalla vertical.
La siguiente es una descripción de cómo usar jQuery para determinar si iPad, iPhone y Android son horizontales o verticales.
function oriented () {if (window.orientation == 90 || window.orientation == -90) {// iPad, pantalla vertical de iPhone; Andriod Horizontal Screen $ ("Body"). Attr ("clase", "paisaje"); orientación = 'paisaje'; return false;} else if (window.orientation == 0 || window.orientation == 180) {// ipad, pantalla horizontal de iPhone; Andriod Pantalla vertical $ ("cuerpo"). Attr ("clase", "retrato"); orientación = 'retrato'; return false;}} // call $ (function () {orient ();}); // llamar $ (ventana) cuando el usuario cambia la dirección de pantalla.bind ('orientationchange', function (e) {orient ();});El valor de orientación de ventana correspondiente a la dirección de la pantalla:
iPad: pantalla horizontal 90 o -90
iPad: pantalla vertical 0 o 180
Android: pantalla horizontal 0 o 180
Android: pantalla vertical 90 o -90
Lo anterior es el problema de usar JavaScript para determinar si un navegador móvil es horizontal o vertical. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!