Gestionnaires d'événements DHTML

Vous pouvez effectuer une certaine action sur un élément lors d'un événement via un gestionnaire d'événement.

Exemple

Remarque :La plupart des exemples DHTML nécessitent IE 4.0+、Netscape 7+ ou Opera 7+ !

onmouseover et onmouseout
Comment changer la couleur d'un élément lorsque le pointeur de la souris le survole et le quitte.
onclick
Comment allumer la lumière. Comment changer l'image lorsque vous cliquez sur une image, puis revenir à l'image originale lorsque vous cliquez à nouveau.
onmousedown et onmouseup
Cette fois, la lumière ne s'allume que lorsque vous appuyez sur le bouton de la souris.
onload
Affichez une boîte de dialogue lorsque la page est complètement chargée.

Gestionnaire d'événement

Par un gestionnaire d'événement, vous pouvez effectuer une certaine action sur un élément lors d'un événement : lorsque l'utilisateur clique sur un élément, lorsque la page est chargée, lorsque un formulaire est soumis, etc.

<h1 onclick="style.color='red'">Cliquez sur ce texte</h1>

Dans cet exemple, le titre devient rouge lorsque l'utilisateur clique sur un titre.

Vous pouvez également ajouter un segment de script dans la partie head de la page, puis appeler la fonction à partir d'un gestionnaire d'événement :

<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()">Cliquez sur ce texte</h1>
</body>
</html>

Gestionnaires d'événements HTML 4.0

Événement Quand... se produit
onabort L'utilisateur arrête le chargement de la page.
onblur L'utilisateur quitte l'objet.
onchange L'utilisateur change la valeur de l'objet.
onclick L'utilisateur clique sur l'objet.
ondblclick L'utilisateur double-clique sur l'objet.
onfocus L'utilisateur active l'objet.
onkeydown Le clavier est enfoncé.
onkeypress Le clavier est appuyé.
onkeyup Le clavier est relâché.
onload

La page est complètement chargée.

Remarque :Dans Netscape, cet événement se produit lorsque la page est chargée.
onmousedown L'utilisateur appuie sur le bouton de la souris.
onmousemove Le pointeur de souris se déplace sur l'objet.
onmouseover Le pointeur de souris se déplace sur l'objet.
onmouseout Le pointeur de souris quitte l'objet.
onmouseup L'utilisateur relâche le bouton de la souris.
onreset L'utilisateur réinitialise le formulaire.
onselect L'utilisateur sélectionne le contenu de la page.
onsubmit L'utilisateur soumet le formulaire.
onunload L'utilisateur ferme la page.