L'événement de jQuery Mobile
L'événement orientationChange est déclenchée lorsque l'utilisateur fait tourner le dispositif mobile verticalement ou horizontalement.
Pour utiliser l'événement orientationChange, l'attacher à l'objet de la fenêtre:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); La fonction de rappel peut avoir un argument, l'objet de l' événement, qui renvoie l'orientation de l'appareil mobile: "portrait" (le dispositif est maintenu dans une position verticale) ou "landscape" (le dispositif est maintenu dans une position horizontale):
Exemple
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Essayez - le vous - même » Parce que l'événement orientationChange est lié à l'objet de la fenêtre, nous pouvons utiliser la propriété window.orientation, par exemple, définir des styles différents pour distinguer entre les modes portrait et paysage:
Exemple
$(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%"});
}
}); Essayez - le vous - même » La propriété window.orientation renvoie 0 pour le portrait et 90 ou -90 pour une vue du paysage.