jQuery Mobile changement de direction événement
jQuery Mobile changement de direction (orientationChange) Evénement
Lorsque l'utilisateur verticalement ou horizontalement en rotation appareil mobile, le changement de déclenchement de la direction (orientationChange) événement.
Pour utiliser le changement de direction (orientationChange) événement, s'il vous plaît joindre à l'objet de la fenêtre:
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
Fonction de rappel prend un paramètre, les objets d'événement, retourner la direction de l'appareil mobile: "Portrait" (dispositif reste en position verticale) ou «horizontale» (dispositif reste en position horizontale):
Exemples
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
Essayez »
Depuis le changement d'événements direction (orientationChange) lient à l'objet de la fenêtre, nous pouvons utiliser la propriété de window.orientation pour définir des styles différents pour distinguer vue verticale et horizontale:
Exemples
$(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%"});
}
});
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});
Essayez »
 | propriété window.orientation renvoie 0 en mode portrait, mode paysage pour un retour à 90 ou -90. |
|---|