Latest web development tutorials

jQuery Mobile evento de cambio de dirección

jQuery Mobile cambio de dirección (orientationChange) Evento

Cuando el usuario vertical u horizontal girando dispositivo móvil, disparo para el cambio de dirección de eventos (orientationChange).





móvil


Para utilizar el cambio de dirección del evento (orientationChange), por favor adjuntarlo al objeto de ventana:

$(window).on("orientationchange",function(){
	alert("方向有改变!");
});

función de devolución toma un parámetro, los objetos de eventos, devolver la dirección del dispositivo móvil: "Retrato" (dispositivo permanece en una posición vertical) u "horizontal" (dispositivo permanece en posición horizontal):

Ejemplos

$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});

Trate »

Desde el cambio de dirección eventos (orientationChange) se unen al objeto de ventana, podemos usar la propiedad window.orientation para establecer diferentes estilos de distinguir vista vertical y horizontal:

Ejemplos

$(window).on("orientationchange",function(){
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});

Trate »

lámpara window.orientation propiedad devuelve 0 para la vista vertical, la vista horizontal para una vuelta a 90 o -90.