Événements jQuery Mobile

Événement = toutes les différentes actions que le site web peut répondre aux visiteurs.

Événements jQuery Mobile

Vous pouvez utiliser n'importe quel événement standard Événements jQuery.

En plus, jQuery Mobile offre également plusieurs événements personnalisés pour les navigateurs mobiles :

  • Événements de toucher - déclenchés lorsque l'utilisateur touche l'écran (clic et glisser)
  • Événements de défilement - déclenchés lors du défilement vers le haut ou vers le bas
  • Événements de direction - déclenchés lorsque l'appareil pivote verticalement ou horizontalement
  • Événements de page - déclenchés lorsque la page est affichée, masquée, créée, chargée et/ou désinstallée

Pour des informations complètes sur tous les événements jQuery Mobile, veuillez consulter notre Manuel de référence des événements jQuery Mobile.

Initialisation des événements jQuery Mobile

Dans jQuery, vous avez appris à utiliser l'événement ready du document pour empêcher le code jQuery de s'exécuter avant que le document ne soit chargé (est prêt) :

Événement document ready jQuery

<script>
$(document).ready(function(){
   // Ici est l'événement jQuery...
});
</script>

Essayer par vous-même

Cependant, dans jQuery Mobile, nous utilisons l'événement pageinit, qui se déclenche lorsque la page est initialisée et que les styles ont été configurés.

Le second paramètre pointe vers ("#pageone") qui pointe vers l'ID de la page pour spécifier les événements :

Événement pageinit jQuery Mobile

<script>
$(document).on("pageinit","#pageone",function(){
   // Ici est l'événement jQuery...
});
</script>

Essayer par vous-même

Remarque :La méthode on() jQuery est utilisée pour ajouter des gestionnaires d'événements.

Les prochaines chapitres détailleront chaque événement jQuery Mobile.