Dans Javascript, tout un arsenal de commandes permet de capter ces événements et d'en faire usage dans ces scripts.
Le langage Javascript prend en charge plusieurs types d'événements. Ces derniers permettent aux objets d'apporter aux programmeurs diverses fonctionnalités rendant une page Web parfaîtement interactive ou adaptée aux besoins ou aux spécificités d'une application.
| Evénement |
Description |
Syntaxe |
Domaine |
| onAbort |
Cet événement se produit lorsque l'utilisateur annule le chargement d'une image lorsqu'il active un lien ou appuie sur le bouton Stop du navigateur au cours du chargement de l'image. |
onabort="Instruction" |
Image |
| onafterprint |
Cet événement se produit immédiatement après que les documents qui lui sont associés soient imprimés. |
onafterprint ="Instruction" |
|
| onafterupdate |
Cet événement se produit immédiatement après qu'un objet contenant des données ait effectué la mise à jour de données. |
onafterupdate ="Instruction" |
|
| onbeforecopy |
Cet événement se produit avant que la sélection ne soit copiée dans le presse-papiers. |
onbeforecopy ="Instruction" |
|
| onbeforecut |
Cet événement se produit avant que la sélection ne soit coupée du document. |
onbeforecut ="Instruction" |
|
| onbeforeeditfocus |
Cet événement se produit avant qu'un contrôle insère un changement au niveau de l'interface utilisateur. |
onbeforeeditfocus ="Instruction" |
|
| onbeforepaste |
Cet événement se produit avant que la sélection ne soit collée du presse-papiers vers le document. |
onbeforepaste ="Instruction" |
|
| onbeforeprint |
Cet événement se produit avant que les documents qui lui sont associés soient imprimés. |
onbeforeprint ="Instruction" |
|
| onbeforeunload |
L'événement est activé avant qu'une page ne soit retirée du cadre. |
onbeforeunload ="Instruction" |
|
| onbeforeupdate |
Cet événement se produit avant qu'un objet contenant des données n'effectue la mise à jour des données sur l'objet source. |
onbeforeupdate ="Instruction" |
|
| onblur |
Cet événement se produit lorsque l'utilisateur sort d'un champ de formulaire HTML, d'un cadre ou d'une fenêtre (window), en appuyant sur la touche TAB du clavier ou en utilisant la souris. La fonction appelée peut servir à soumettre ou valider les informations saisies par l'utilisateur. |
onBlur="Instruction" |
Button
Checkbox
FileUpload
Layer
Password
Radio
Reset
Select
Submit
Text
Textarea
window |
| onbounce |
Cet événement est activé lorsque la valeur de l'attribut BEHAVIOR de l'élément <MARQUEE> est ALTERNATE et que le contenu de l'élément atteint l'une des limites de la zone de défilement. |
onbounce ="Instruction" |
|
| oncellchange |
Cet événement est activé lorsque les données sont modifiées. |
oncellchange ="Instruction" |
|
| onchange |
Cet événement se produit lorsque l'utilisateur modifie la valeur d'une boîte liste, d'une boîte à liste déroulante, d'une boîte texte ou d'une boîte texte multiligne. La fonction appelée peut servir à valider ou soumettre les informations entrées dans les champs d'un formulaire. |
onchange="Instruction" |
FileUpload
Select
Text
Textarea |
| onclick |
Cet événement se produit lorsque l'utilisateur enfonce puis relâche le bouton de la souris sur un bouton, une option dans un formulaire, un hyperlien ou sur le document. |
onclick="Instruction" |
Button
Checkbox
document
Link
Radio
Reset
Submit |
| oncontextmenu |
Cet événement est activé lorsque l'utilisateur presse le bouton droit de la souris sur l'élément, activant ainsi un menu contextuel. |
oncontextmenu ="Instruction" |
|
| oncopy |
Cet événement est activé lorsque l'utilisateur copie l'objet ou qu'une sélection est copiée dans le presse-papiers. |
oncopy ="Instruction" |
|
| oncut |
Cet événement est activé lorsque l'objet ou la sélection est coupé du document et ajouté au presse-papiers. |
oncut ="Instruction" |
|
| ondataavailable |
Cet événement est activé à chaque fois que des données transmises par un objet source sont reçues sur le système. |
ondataavailable ="Instruction" |
|
| ondatasetchange |
L'événement ondatasetchange est activé lorsque les données exposées à un objet source sont modifiées. |
ondatasetchange ="Instruction" |
|
| ondatasetcomplete |
Cet événement est activé pour indiquer que toutes les données de l'objet source sont disponibles. |
ondatasetcomplete ="Instruction" |
|
| ondblclick |
Cet événement se produit lors d'un double-clic suivi d'un relâchement sur un élément de formulaire ou un hyperlien. |
ondblclick="Instruction" |
Area
document
Link |
| ondrag |
Cet événement se produit lorsqu'une opération glisser-déplacer est effectuée sur l'élément avec la souris. |
ondrag ="Instruction" |
|
| ondragdrop |
Cet événement se produit lorsque l'utilisateur dépose un objet dans la fenêtre du navigateur à l'aide de la souris. |
ondragdrop="Instruction" |
window |
| ondragend |
Cet événement se produit à la fin d'une opération glisser-déplacer. |
ondragend ="Instruction" |
|
| ondragenter |
Cet événement est activé lorsque l'utilisateur glisse l'élément sur une cible valide lors d'un glisser-déplacer effectuée avec la souris. |
ondragenter ="Instruction" |
|
| ondragleave |
Cet événement est activé lorsque l'utilisateur glisse l'élément hors d'une cible valide lors d'un glisser-déplacer effectuée avec la souris. |
ondragleave ="Instruction" |
|
| ondragover |
Cet événement se produit lorsque l'utilisateur glisse l'élément et passe sur une cible valide lors d'un glisser-déplacer effectuée avec la souris. |
ondragover ="Instruction" |
|
| ondragstart |
Cet événement se produit lorsque l'utilisateur entame une opération glisser-déplacer avec l'élément. |
ondragstart ="Instruction" |
|
| ondrop |
Cet événement agit sur l'objet cible lorsque l'utilisateur relâche le bouton de la souris après une opération de glisser-déplacer. |
ondrop ="Instruction" |
|
| onerror |
Cet événement se produit lorsqu'il y a une erreur au cours du chargement d'une image ou d'un document. |
onerror="Instruction" |
Image et window |
| onerrorupdate |
Cet événement se produit lorsqu'une erreur survient lors de la mise à jour des données associées à l'objet source. |
onerrorupdate ="Instruction" |
|
| onfilterchange |
Cet événement se produit lorsqu'un filtre visuel change d'état ou complète une transition. |
onfilterchange ="Instruction" |
|
| onfinish |
Cet événement se produit lorsque l'animation de l'élément <MARQUEE> se termine. |
onfinish ="Instruction" |
|
| onfocus |
Cet événement se produit lorsqu'un élément (champ de formulaire, cadre, layer, etc.) ou un objet (window) obtient le focus. Le focus peut être obtenu par l'intermédiaire de la souris, de la touche TAB du clavier ou par une méthode de focus. |
onfocus="Instruction" |
Button
Checkbox
FileUpload
Layer
Password
Radio
Reset
Select
Submit
Text
Textarea
window |
| onhelp |
Cet événement se produit lorsque l'utilisateur presse la touche F1 sur le clavier et que la fenêtre active est celle du Navigateur Web. |
onhelp ="Instruction" |
|
| onkeydown |
Cet événement se produit au moment où l'utilisateur enfonce une touche du clavier. |
onkeydown="Instruction" |
document
Image
Link
Textarea |
| onkeypress |
Cet événement se produit au moment où l'utilisateur relâche la touche qu'il venait d'enfoncer. |
onkeypress="Instruction" |
document
Image
Link
Textarea |
| onkeyup |
Cet événement se produit au moment où l'utilisateur relâche une touche du clavier. Cependant, beaucoup de précautions doivent être prises concernant l'utilisation de cet événement, étant donné la confusion qu'il risque d'exister avec l'événement onKeyPress. |
onkeyup="Instruction" |
document
Image
Link
Textarea |
| onload |
Cet événement se produit lorsque le navigateur a terminé le chargement d'une page HTML, de tous les cadres (frameS) de l'élément <frameset> ou d'une image. |
onload="Instruction" |
Image
Layer
window |
| onlosecapture |
Cet événement se produit lorsque l'élément perd le focus de la souris. |
onlosecapture ="Instruction" |
|
| onmousedown |
Cet événement se produit lorsque l'utilisateur enfonce un des boutons de la souris. |
onmousedown="Instruction" |
Button
document
Link |
| onmousemove |
Cet événement se produit lorsque le pointeur de la souris est déplacé et passe sur l'objet. |
onmousemove="Instruction" |
|
| onmouseout |
Cet événement se produit à chaque fois que l'utilisateur déplace le pointeur de la souris hors d'une zone contenant un hyperlien (images en coordonnées, lien hypertexte). |
onmouseout="Instruction" |
&Area
Layer
Link |
| onmouseover |
Cet événement se produit à chaque fois que le pointeur de la souris entre dans une zone contenant un hyperlien (lien hypertexte ou images en coordonnées). |
onmouseover="Instruction" |
Area
Layer
Link |
| onmouseup |
Cet événement se produit lorsque l'utilisateur relâche le bouton de la souris. |
onmouseup="Instruction" |
Button
document
Link |
| onmove |
Cet événement se produit lorsque l'utilisateur ou un script déplace une fenêtre ou un cadre. |
onmove="Instruction" |
window |
| onpaste |
Cet événement se produit lorsque l'utilisateur " colle " des données du presse-papiers vers le document. |
onpaste ="Instruction" |
|
| onpropertychange |
Cet événement se produit lorsque la propriété de l'élément change. |
onpropertychange ="Instruction" |
|
| onreadystatechange |
Cet événement se produit lorsque l'état de l'élément a changé. |
onreadystatechange ="Instruction" |
|
| onreset |
Cet événement se produit lorsque l'utilisateur active le bouton de type reset d'un formulaire. |
onreset="Instruction" |
Form |
| onresize |
Cet événement se produit lorsque l'utilisateur modifie les dimensions de la fenêtre du navigateur. |
onresize="Instruction" |
window |
| onrowenter |
Cet événement se produit lorsque la rangée courante a changé dans la source de données et que de nouvelles données sont disponibles. |
onrowenter ="Instruction" |
|
| onrowexit |
Cet événement se produit juste avant que le contrôle de la source de données ne modifie la rangée courante de l'objet. |
onrowexit ="Instruction" |
|
| onrowsdelete |
Cet événement se produit juste avant la suppression de rangées au jeu d'enregistrements. |
onrowsdelete ="Instruction" |
|
| onrowsinserted |
Cet événement se produit après l'insertion de nouvelles rangées dans le jeu d'enregistrements. |
onrowsinserted ="Instruction" |
|
| onscroll |
Cet événement se produit lorsque l'utilisateur déplace le curseur de la barre de défilement de l'objet. |
onscroll ="Instruction" |
|
| onselect |
Cet événement se produit lorsque l'utilisateur sélectionne du texte dans une boîte texte ou dans une boîte texte multiligne. |
onselect="Instruction" |
Text
Textarea |
| onselectstart |
Cet événement se produit dès que l'objet est sélectionné. |
onselectstart ="Instruction" |
|
| onstart |
Cet événement se produit à chacune des reprises de l'animation de l'élément <MARQUEE>. |
onstart ="Instruction" |
|
| onstop |
Cet événement se produit lorsque l'utilisateur clique sur le bouton Stop ou Arrêter du navigateur. |
onstop ="Instruction" |
|
| onsubmit |
Cet événement se produit lorsque l'utilisateur envoie les données d'un formulaire. |
onsubmit="Instruction" |
Form |
| onunload |
Cet événement se produit au moment où le document HTML courant est retiré de la fenêtre au profit d'un autre ou lorsque le logiciel de navigation est fermé par l'utilisateur. |
onunload="Instruction" |
window |