Événements JavaScript HTML DOM

Événement

Un événement est une action effectuée par l'utilisateur ou le navigateur lui-même, telle qu'un clic , Load et mouseover sont tous deux des noms d'événements.

Les événements sont le pont entre javaScript et DOM.

Si vous le déclenchez, je l'exécuterai - lorsque l'événement se produit, sa fonction de gestionnaire est appelée pour exécuter le code JavaScript correspondant afin de donner une réponse.

Des exemples typiques sont : l'événement de chargement est déclenché lorsque la page est chargée ; l'événement de clic est déclenché lorsque l'utilisateur clique sur un élément.

Réagir aux événements

Nous pouvons exécuter JavaScript lorsqu'un événement se produit, par exemple lorsqu'un utilisateur clique sur un élément HTML.

Pour exécuter du code lorsque l'utilisateur clique sur un élément, ajoutez du code JavaScript à un attribut d'événement HTML :

onclick=JavaScript

Exemples HTML de événements :

Lorsque l'utilisateur clique sur la souris

Lorsque la page Web est chargée

Lorsque l'image est chargée

Lorsque la souris se déplace sur l'élément

Lorsque le champ de saisie est modifié

Lorsque le formulaire HTML est soumis

Lorsque l'utilisateur déclenche une pression sur une touche

    php中文网(php.cn) 
   
  点击！

Pour attribuer des événements aux éléments HTML, vos propriétés d'événement peuvent être utilisées.

    php中文网(php.cn)

HTML DOM vous permet d'utiliser JavaScript pour attribuer des événements à des éléments HTML :

    php中文网(php.cn)

événements onload et onunload

onload et onunload les événements seront déclenchés lorsque l'utilisateur entre ou quitte la page. L'événement

onload peut être utilisé pour détecter le type et la version du navigateur du visiteur et charger la version correcte de la page Web en fonction de ces informations.

Les événements onload et onunload peuvent être utilisés pour gérer les cookies.

    php中文网(php.cn)

événement onchange

l'événement onchange est souvent utilisé en conjonction avec la validation des champs de saisie.

php中文网(php.cn)

输入你的名字:

当你离开输入框后，将小写字母转为大写字母。

Événements onmouseover et onmouseout

Les événements onmouseover et onmouseout peuvent être utilisés pour déclencher des fonctions lorsque la souris de l'utilisateur se déplace sur ou hors d'un élément HTML.

    php中文网(php.cn) 
  Mouse Over Me

les événements onmousedown, onmouseup et onclick

onmousedown, onmouseup et onclick constituent toutes les parties de l'événement de clic de souris. Tout d'abord, lorsque le bouton de la souris est cliqué, l'événement onmousedown est déclenché, lorsque le bouton de la souris est relâché, l'événement onmouseup est déclenché et enfin, lorsque le clic de la souris est terminé, l'événement onclick est déclenché.

    php中文网(php.cn)

Autres événements :

onmousedown et onmouseup
Changer une image lorsque l'utilisateur appuie sur le bouton de la souris.

onload
Une fois le chargement de la page terminé, affichez une boîte de dialogue.

onfocus
Modifie la couleur d'arrière-plan d'un champ de saisie lorsqu'il obtient le focus.

Événements de souris
Lorsque le pointeur se déplace sur l'élément, changez sa couleur ; lorsque le pointeur sort du texte, il changera à nouveau de couleur.

Formation continue