L`ajout de fonctionnalités interactives à un site Web est l`endroit où JavaScript brille. Alors que HTML et CSS sont utilisés respectivement pour définir la structure et les styles d`une page Web, vous pouvez utiliser JavaScript pour rendre votre site plus dynamique.
En JavaScript, les événements sont utilisés pour créer un site interactif . Dans ce guide, nous parlerons des événements JavaScript. Nous explorerons où les événements peuvent être utilisés, comment définir un événement et comment appeler un événement. C`est parti !
Qu`est-ce qu`un événement JavaScript ?
Les événements peuvent être déclenchés par le navigateur ou par l`utilisateur et peuvent modifier l`état de la page Web. Lorsque vous cliquez sur un bouton sur une page Web, un événement JavaScript est créé. Lorsque vous cliquez sur un menu déroulant en expansion, un événement JavaScript est utilisé.
Les événements JavaScript ont un large éventail d`utilisations, notamment :
- Vérifier si un formulaire a été rempli
- Déplacer un utilisateur vers une autre page après avoir rempli un formulaire
- Rendre les menus déroulants interactifs
- Autoriser un utilisateur à effectuer un zoom avant et arrière sur les images
Pour travailler avec des événements en JavaScript, vous devez connaître deux concepts : les gestionnaires d`événements et les écouteurs d`événements.
Un gestionnaire d`événements est une fonction qui est exécutée lorsqu`un événement est déclenché sur une page Web. Les écouteurs d`événements attachent une fonction d`événement à un élément HTML, de sorte que lorsque cette fonction est exécutée, l`élément Web est modifié.
Les gestionnaires d`événements peuvent être définis de trois manières : à l`aide d`un gestionnaire d`événements en ligne, un événement ou un écouteur d`événement.
Gestionnaires d`événements en ligne
Le moyen le plus simple de démarrer avec les événements en JavaScript est d`utiliser un gestionnaire d`événements en ligne. Cela signifie que vous définirez votre événement dans votre fichier HTML.