Tutoriel JavaScript : Gestionnaire d'événements

Code : ajout d'un gestionnaire d'évènements à la zone cliquable
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Ateliers créatifs Adobe Animate CC
Revoir le teaser Je m'abonne
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :

  • Comprendre comment ajouter un gestionnaire d'événements en JavaScript.
  • Apprendre à vérifier que le gestionnaire fonctionne correctement dans le navigateur.
  • Savoir diagnostiquer des problèmes éventuels liés aux événements.

Apprenez à intégrer et à vérifier un gestionnaire d'événements 'click' avec JavaScript.

Dans cette leçon, nous allons voir comment ajouter un gestionnaire d'événements 'click' en utilisant JavaScript. Nous commencerons par sélectionner la zone sur laquelle l'événement doit être appliqué, ensuite nous utiliserons la méthode addEventListener pour écouter l'événement 'click'. La fonction appelée lors du clic sera nommée switcher, avec un paramètre acceptable qui est l'événement lui-même.

Une partie essentielle de ce processus est de vérifier dans le navigateur que le gestionnaire d'événements est bien pris en compte. Nous ouvrirons la console du navigateur pour voir si un message s'affiche lorsque nous cliquons sur le bouton, ce qui confirme le bon fonctionnement de notre gestionnaire d'événements.

Cette vérification initiale est cruciale, car elle nous permet de diagnostiquer rapidement d'éventuels problèmes futurs en nous assurant que le gestionnaire d'événements est correctement configuré dès le départ.

Voir plus
Questions réponses
Quel est l'événement utilisé dans cette leçon ?
L'événement utilisé est 'click'.
Pourquoi est-il important de vérifier le gestionnaire d'événements dans le navigateur ?
Il est important de vérifier le gestionnaire d'événements pour s'assurer qu'il est bien configuré et fonctionne correctement, ce qui permet de diagnostiquer d'éventuels problèmes futurement.
Quelle méthode est utilisée pour ajouter un gestionnaire d'événements ?
La méthode utilisée est 'addEventListener'.
et c'est sur cette zone que je vais mettre mon gestionnaire d'événements, donc this zone add event listener, ne pas se tromper, l'événement c'est l'événement click et la fonction que je vais appeler je vais l'appeler switcher, donc je vais créer cette fonction, entre parenthèses je vais mettre un paramètre qui est le paramètre de l'événement, donc on a vu tout à l'heure que ça c'est primordial de l'indiquer, voilà je peux mettre E également si je préfère, et j'ouvre la collade et je ferme la collade. Alors au niveau de l'événement, déjà je vais commencer comme d'habitude par vérifier dans le navigateur que mon gestionnaire d'événements fonctionne bien et bien pris en compte lorsqu'on clique sur le bouton. J'ouvre la console, ça marche bien, je vois bien que quand je clique j'ai bien une indication que mon bouton est bien cliqué, déjà ça me dit qu'il n'y a pas de problème à ce niveau là, si jamais j'ai un problème ultérieurement je ne chercherai pas de ce côté là puisque mon gestionnaire d'événements fonctionne bien.

Programme détaillé de la formation

Nos dernières formations Animate CC