É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 :

Guillemets doubles :

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

  php中文网(php.cn) 现在的时间是?

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) :

  php中文网(php.cn) 现在的时间是?

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

Événements HTML courants

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

Incident Description

Changement d'élément html Onchange

l'utilisateur onclick clique html Éléments

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

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

onkeydown L'utilisateur appuie sur une touche du clavier

onload Le navigateur a terminé le chargement de la page

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 :

L'événement est déclenché au 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é de l'utilisateur contenu d'entrée

etc.. .

Vous pouvez utiliser plusieurs méthodes pour exécuter le code d'événement JavaScript :

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

HTML les attributs d'événement 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.

Attendez...

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