1. La gestion des événements :

Le principe de la gestion des événements est simple : le programme réagit à des signaux particuliers, nommés également " Events ". Un événement est en principe déclenché par l’utilisateur .

Si vous cliquez sur un bouton, celui-ci émet l’événement onclick.

  1. L’installation d’un gestionnaire d’événements :

Les gestionnaires d’événements se rapportent toujours à une balise HTML. Le gestionnaire onclick peut être installé pour chaque lien. Ne sera déclenché que celui qui concerne le lien sur lequel on a cliqué.

Il existe généralement deux possibilités pour installer un gestionnaire d’événements.

  1. Il peut être intégré directement comme attribut dans la balise HTML, concernée :
  1. Le gestionnaire d’événements peut par ailleurs être intégré ultérieurement, par un programme JavaScript. Pour cela, il importe que le formulaire et le bouton soient tous deux clairement identifiés par un attribut name. C’est le seul moyen pour le programme JavaScript puisse faire référence aux balises HTML.

Voici un tableau récapitulatif des événements :

Gestionnaire d’événements
Description

OnAbort
Déclenché lors de l’interruption du chargement d’une image

OnError

Déclenché par une erreur lors du chargement d’un document ou d’une image

OnLoad

Déclenché à la fin du chargement du document

OnUnload

Déclenché à la fermeture d’un document

OnMove

Déclenché par le déplacement d’une fenêtre ou d ‘un cadre

OnResize

Déclenché par la mise à l’échelle d’une fenêtre ou d ‘un cadre

OnKeyDown

Déclenché par l’activation d’une touche

onKeyPress

Déclenché par le maintien d’une touche en position " appuyée "

OnkeyUp

Déclenchée par le relâchement d’une touche

OnClick

Déclenché par un clic sur un lien ou sur un formulaire

OnDbClick

Déclenché par un doubleclic(ne fonctionne que sous windows)

OnMouseDown
Déclenché par un clic sur un lien, un élément de formulaire, un document ou une image

OnMouseUp

Déclenche par le relâchement du bouton de la souris

OnMouseOver

Déclenché par le survol d’un lien par le pointeur

OnMouseOut

Déclenché à l’abandon d’un lien par le pointeur

OnMouseMove

Déclenché par le déplacement du pointeur

OnFocus

Déclenché si une zone de texte, une fenêtre ou un cadre vient au premier plan

OnBlur

Déclenché si une zone de texte, une fenêtre ou un cadre quitte le premier plan.

OnChange

Déclenché lorsque la valeur d’une zone de saisie (<input type=text>), d’une zone de texte ou d’un champ Select est modifiée

OnSelect

Déclenchée lorsque l’utilisateur sélectionne un passage de texte dans une zone de texte.

OnReset

Déclenché en cas d’activation en cas d’activation du Bouton Reset

OnSubmit

Déclenché avant l’envoi d’un formulaire

 

Le gestionnaire d’événements onError est souvent introduit comme première instruction, après la balise <script>, à l’aide de self.onerror. Le fait de spécifier false comme valeur de retour empêche le navigateur d’afficher un message en cas d’erreur. Cela permet d’installer une routine de traitement d’erreur personnalisée.

OnLoad est en général installé dans la balise<body>. Il peut exécuter une fonction exactement au moment de la fin du chargement d’un document.

Après onResize, il est possible de réaménager les layers en fonction de la nouvelle largeur de la fenêtre.

Les gestionnaires onMouseOver et onMOuseOut sont souvent employés pour changer d’image lorsque l’utilisateur survole un lien avec son pointeur.

 

Retour au sommaire