Derniers tutoriels de développement web
 

jQuery orientationchange Event

<JQuery Mobile Events

Exemple

Alerter un texte lorsque l'utilisateur fait pivoter l'appareil mobile:

$(window).on("orientationchange",function(){
  alert("The orientation has changed!");
});
Essayez - le vous - même »

Définition et utilisation

L'événement orientationChange est déclenchée lorsque l'utilisateur fait tourner le dispositif mobile verticalement ou horizontalement.

Remarque: Pour voir l'effet de l'événement orientationChange, l'utilisateur doit utiliser un appareil mobile ou un émulateur mobile.


Syntaxe

$(window).on("orientationchange",function(event){...})

Paramètre La description
function(event) Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit orientationChange.

La fonction a un objet événement en option, qui contient une propriété d'orientation égal soit "portrait" ou "landscape" .

  • Portrait = dispositif est maintenu dans une position verticale
  • Landscape = dispositif est maintenu dans une position horizontale

Essayez-le vous-même - Exemples

L'objet événement
En utilisant le event.orientation pour ramener l'orientation de l'appareil mobile.

L'objet de la fenêtre
Utilisation de la propriété window.orientation pour définir des styles différents entre portrait et paysage.


<JQuery Mobile Events