CATALOGUE Code & Data Formation JavaScript Apprendre Javascript Comprendre le Traitement d'Événements en JavaScript avec le DOM

Comprendre le Traitement d'Événements en JavaScript avec le DOM

Traiter les évènement avec JavaScript
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Javascript
Revoir le teaser Je m'abonne
4,5
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'enseigner :
1. Comment écouter et gérer les événements JavaScript.
2. Les méthodes preventDefault et stopPropagation.
3. Utiliser les propriétés de l'objet Event pour un contrôle accru.

Découvrez comment gérer les événements dans le DOM avec JavaScript pour rendre vos sites web dynamiques.

Le Document Object Model (DOM) permet de traiter une multitude d'événements, avec des exemples pratiques comme l'événement OnClick. Cette leçon vous guidera à travers les différentes étapes nécessaires pour écouter et manipuler des événements via des Event Handlers. Vous apprendrez à annuler des actions par défaut et à contrôler la propagation des événements dans la hiérarchie du DOM. Des concepts essentiels comme preventDefault et stopPropagation seront expliqués en détail. Vous verrez également comment utiliser les propriétés clés de l'objet Event, telles que type, target et currentTarget, pour obtenir des informations précises sur l'événement en cours de traitement. De plus, des exercices pratiques et des astuces pour déboguer vos scripts JavaScript seront présentés. À la fin de la leçon, vous disposerez des compétences nécessaires pour améliorer l'interactivité de vos pages web en utilisant le DOM.

Voir plus
Questions réponses
Qu'est-ce qu'un Event Handler en JavaScript ?
Un Event Handler est une fonction qui est exécutée lorsque l'événement auquel il est attaché est déclenché. En JavaScript, il prend généralement un objet Event en paramètre pour manipuler les caractéristiques de l'événement.
Comment peut-on empêcher la propagation d'un événement dans le DOM ?
Pour empêcher la propagation d'un événement, vous pouvez utiliser la méthode stopPropagation() de l'objet Event dans votre Event Handler.
À quoi sert la méthode preventDefault ?
La méthode preventDefault() est utilisée pour annuler l'action par défaut associée à un événement. Par exemple, elle peut empêcher un lien de navigation de charger une nouvelle page.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
nicolas.braud
Il y a 2 years
Commentaire
Très bonne formation ; j'ai eu des difficultés avec la partie AJAX pour installer les hôtes virtuels d'un point de vue technique, mais on peut y arriver quand même à l'aide de tuto. les documents présentés en slide seraient appréciés pour les utiliser a posteriorir.
fguibert47
Il y a 2 years
Commentaire
Bonjour, Excellente formation. Très bien faite. Alain Beauvois est un très bon professeur !! Elle correspond tout à fait à ce que j'attendais. Merci.
amercadie
Il y a 2 years
Commentaire
Excellente formation. Des cours progressifs et très clairs.
david.coilot
Il y a 2 years
Commentaire
très bonne formation !!