Javascript | Evenements

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

• ...