Comprendre les gestionnaires d'événements en JavaScript

Évènements symboles
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre la programmation dans Animate CC
Revoir le teaser Je m'abonne
Transcription

59,00€ Je commande

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

DescriptionProgrammeAvis

59,00€ Je commande

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

Les objectifs de cette vidéo sont les suivants : comprendre comment ajouter des gestionnaires d'événements à un bouton, apprendre à utiliser les méthodes 'on' et 'addEventListener', et résoudre les problèmes d'accessibilité au scénario principal en JavaScript.

Cette vidéo explique les gestionnaires d'événements en JavaScript en utilisant les méthodes 'on' et 'addEventListener'. Apprenez à mettre de l'interactivité sur des symboles dans vos animations.

Dans cette leçon, nous explorons les concepts de gestion des événements en JavaScript, notamment la manière de les utiliser pour ajouter de l'interactivité à des symboles Movie Clip ou bouton sur la scène d'une animation. La vidéo commence par la création d'un symbole bouton que nous nommons pour pouvoir y accéder par programmation.

Nous abordons ensuite deux méthodes principales pour ajouter un gestionnaire d'événements à un bouton : la syntaxe 'on' et 'addEventListener'. La première méthode consiste à utiliser 'on' suivi de l'événement en paramètre et de la fonction événementielle en deuxième paramètre. La deuxième méthode utilise 'addEventListener', qui permet de nommer une fonction externe appelée par le gestionnaire d'événements.

Nous mettons également en évidence les problèmes d'accessibilité au scénario principal depuis l'intérieur d'une fonction et proposons des solutions, notamment l'utilisation de variables et de la méthode 'bind'. Vous apprendrez à résoudre ces problèmes pour accéder correctement au scénario principal de votre animation au lieu du fichier HTML.

Voir plus
Questions réponses
Quelle est la première méthode présentée pour ajouter un gestionnaire d'événements à un bouton ?
La première méthode présentée consiste à utiliser la syntaxe 'on' avec l'événement en paramètre et la fonction événementielle en second paramètre.
Quel problème est souvent rencontré lorsqu'on tente d'accéder au scénario principal depuis l'intérieur d'une fonction événementielle ?
Le problème rencontré est que la référence 'this' pointe vers le fichier HTML au lieu du scénario principal de l'animation.
Quelle solution est proposée pour résoudre le problème d'accessibilité au scénario principal depuis une fonction ?
Deux solutions sont proposées : utiliser une variable pour enregistrer le scénario principal ou utiliser la méthode 'bind' pour passer le scénario principal au gestionnaire d'événements.

Programme détaillé