CATALOGUE Code & Data Formation Animate CC Ateliers créatifs Adobe Animate CC Gestion des événements JavaScript dans Adobe Animate

Gestion des événements JavaScript dans Adobe Animate

Code : ajout de gestionnaires d'évènements pour cibler les animations internes du MC
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
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Incorporation des gestionnaires d'événements

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre l'ajout de gestionnaires d'événements JavaScript dans Adobe Animate.
  • Apprendre à cibler correctement les éléments en utilisant event.currentTarget.
  • Maîtriser l'animation des états de boutons pour des interactions riches.

Résumé

Découvrez comment insérer et manipuler des gestionnaires d'événements dans Adobe Animate pour créer des interactions avancées avec les boutons.

Description

Dans cette leçon, nous explorons les gestionnaires d'événements dans JavaScript et leur application au sein d'Adobe Animate. Vous apprendrez à utiliser les méthodes addEventListener pour les événements de mouseover (survol) et mouseout (sortie de survol) d'un bouton. La leçon montre d'abord comment ajouter ces gestionnaires et tester leur bon fonctionnement en traçant des messages dans la console. Ensuite, nous aborderons les bonnes pratiques pour cibler correctement l'élément sur lequel se produit l'événement en utilisant event.currentTarget au lieu de this. Cette technique est cruciale pour éviter les interférences entre le scénario principal et le scénario interne d'un bouton, assurant ainsi une interaction fluide et précise. Enfin, vous verrez comment animer les différents états du bouton (survol et sortie de survol) pour enrichir l'expérience utilisateur. La leçon insiste aussi sur l’importance de nommer correctement les fonctions et de structurer proprement le code afin de faciliter la maintenance et le débogage.

Voir plus

Questions - réponses

Quels sont les événements principaux abordés dans cette leçon ?
Les événements principaux abordés sont mouseover (survol) et mouseout (sortie de survol).
Pourquoi utiliser <code>event.currentTarget</code> au lieu de <code>this</code> ?
Utiliser event.currentTarget permet de cibler l’élément sur lequel l'événement s'est produit, évitant ainsi les interférences entre le scénario principal et le scénario interne du bouton.
Comment ajoute-t-on un gestionnaire d'événement en JavaScript ?
On peut ajouter un gestionnaire d'événement en utilisant la méthode addEventListener, en spécifiant l'événement à écouter et la fonction à exécuter en réponse.

Programme détaillé