[Tutoriel JavaScript] Événements JavaScript

Événements JavaScript

Les événements HTML sont des événements qui se produisent sur les éléments HTML.

JavaScript peut déclencher ces événements lorsqu'il est utilisé dans des pages HTML.

Événements HTML

Les événements HTML peuvent être des actions du navigateur ou des actions de l'utilisateur.

Voici des exemples d'événements HTML :

Le chargement de la page HTML est terminé

Les modifications du champ de saisie HTML

Le bouton HTML est cliqué

Souvent, lorsqu’un événement survient, vous pouvez faire quelque chose.

JavaScript peut exécuter du code lorsqu'un événement est déclenché.

Des attributs d'événement peuvent être ajoutés aux éléments HTML et du code JavaScript peut être utilisé pour ajouter des éléments HTML.

Guillemets simples :

<some-HTML-element some-event=&#39;some JavaScript&#39;>

Guillemets doubles :

<some-HTML-element some-event="some JavaScript">

Dans l'exemple suivant, l'attribut onclick est ajouté à l'élément bouton (et le code est ajouté ):

Exemple

<button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>The time is?</button>

Dans l'exemple ci-dessus, le code JavaScript modifiera le contenu de l'élément id="demo".

Dans l'instance suivante, le code modifiera le contenu de son propre élément (en utilisant this.innerHTML) :

Exemple

<button onclick="this.innerHTML=Date()">The time is?</button>

Le code JavaScript est généralement composé de quelques lignes de code. Les plus courants sont appelés via les attributs d'événement :

Instance

<button onclick="displayDate()">The time is?</button>

Événements HTML courants

Voici une liste de quelques événements HTML courants :

Événement

Description

onchange Modifications de l'élément HTML

onclick L'utilisateur clique sur l'élément HTML

onmouseover L'utilisateur déplace la souris sur un élément HTML

onmouseout L'utilisateur éloigne la souris d'un élément HTML

onkeydown L'utilisateur appuie sur une touche du clavier

onload Le navigateur a chargement terminé de la page

Plus de listes d'événements : Manuel de référence JavaScript - Événements HTML DOM.

Que peut faire JavaScript ?

Les événements peuvent être utilisés pour gérer la validation du formulaire, la saisie de l'utilisateur, le comportement de l'utilisateur et les actions du navigateur :

Événements déclenchés lors du chargement de la page

L'événement est déclenché à la fermeture de la page

L'utilisateur clique sur le bouton pour effectuer l'action

Vérifier la légalité du contenu saisi par l'utilisateur

Et ainsi de suite ...

peut être utilisé de plusieurs manières pour exécuter du code d'événement JavaScript :

Les attributs d'événement HTML peuvent exécuter directement du code JavaScript

Les attributs d'événement HTML peuvent appeler des fonctions JavaScript

Vous pouvez spécifier vos propres gestionnaires d'événements pour les éléments HTML

Vous pouvez empêcher les événements de se produire.

etc...

Dans le chapitre HTML DOM, vous en apprendrez plus sur les événements et les gestionnaires d'événements.

Ce qui précède est le contenu des événements JavaScript dans [JavaScript Tutorial]. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !