pixel facebook
 

Javascript | Evenements

Ce que vous allez Apprendre

Tutoriel Javascript concernant la mise en place d'écouteurs d'événements

Pour donner de l'animation à nos pages HTML, nous allons pouvoir affecter des actions Javascript lorsque le visiteur navigue sur notre site internet.

//ajout de class au clic
let button = document.querySelector('button');
button.addEventListener('click', function() {
  this.classList.add('gris');
});

Quelques événements intéressants à écouter :

  • click : Le visiteur clic sur un élément

  • dblclick : Le visiteur double clic sur un élément

  • mouseover : Le visiteur survole un élément

  • mouseout : Le visiteur ne survole plus un élément

  • keydown : Le visiteur enfonce une touche de son clavier

  • keyup : Le visiteur relâche une touche de son clavier

  • load : Une ressource est finie de charger

  • change : Un élément perd le focus et sa valeur a changé

  • submit : Un formulaire est soumis

  • ...


Commentaires 3


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Mustafa3m - 03/06/2020 19:57:06
merci beaucoup formateur.
Billy - 01/05/2020 03:09:13
bonjour prof , je suis vos cours depuis un moment psk avec javascript c ouf.
Mon problème je suive le cour et mais lorsque je termine et je click sur l’élément rien ne se passe .Pouvez vous m'aider psk depuis 3 jours je cherche mais je ne trouver pas le problème
Merci
Mustafa3m - 03/06/2020 20:00:29
essayer de copier ton code je peux t aider.
parcontre avant d etudier le javascript ou autre language de devellopement fais le cour sur l algorithme et apres le javascript sera facile pour toi.
moi aussi j avais ce probleme avant le javscript etais tres difficile mais mtn le javscript est devenu facile pour moi.
Billy - 03/06/2020 20:20:13
salut et merci j'ai résolu le problème mais js est pas facile
Thibaut - 12/04/2020 22:02:00
Un grand merci, je commerce a comprendre le JavaScript grâce a toi!