From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/globaleventhandlers/index.html | 703 +++++++++++++++++++++ .../web/api/globaleventhandlers/onabort/index.html | 112 ++++ .../api/globaleventhandlers/onauxclick/index.html | 90 +++ .../web/api/globaleventhandlers/onblur/index.html | 62 ++ .../api/globaleventhandlers/onchange/index.html | 36 ++ .../web/api/globaleventhandlers/onclick/index.html | 68 ++ .../web/api/globaleventhandlers/onclose/index.html | 47 ++ .../api/globaleventhandlers/ondblclick/index.html | 60 ++ .../web/api/globaleventhandlers/onerror/index.html | 152 +++++ .../web/api/globaleventhandlers/onfocus/index.html | 21 + .../ongotpointercapture/index.html | 59 ++ .../api/globaleventhandlers/onkeydown/index.html | 23 + .../api/globaleventhandlers/onkeypress/index.html | 23 + .../web/api/globaleventhandlers/onkeyup/index.html | 23 + .../web/api/globaleventhandlers/onload/index.html | 27 + .../api/globaleventhandlers/onloadend/index.html | 122 ++++ .../api/globaleventhandlers/onloadstart/index.html | 74 +++ .../api/globaleventhandlers/onmousedown/index.html | 20 + .../api/globaleventhandlers/onmousemove/index.html | 41 ++ .../api/globaleventhandlers/onmouseout/index.html | 20 + .../api/globaleventhandlers/onmouseover/index.html | 20 + .../api/globaleventhandlers/onmouseup/index.html | 20 + .../web/api/globaleventhandlers/onreset/index.html | 129 ++++ .../api/globaleventhandlers/onresize/index.html | 66 ++ .../api/globaleventhandlers/onscroll/index.html | 18 + .../api/globaleventhandlers/onselect/index.html | 80 +++ 26 files changed, 2116 insertions(+) create mode 100644 files/fr/web/api/globaleventhandlers/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onabort/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onauxclick/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onblur/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onchange/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onclick/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onclose/index.html create mode 100644 files/fr/web/api/globaleventhandlers/ondblclick/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onerror/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onfocus/index.html create mode 100644 files/fr/web/api/globaleventhandlers/ongotpointercapture/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onkeydown/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onkeypress/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onkeyup/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onload/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onloadend/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onloadstart/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onmousedown/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onmousemove/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onmouseout/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onmouseover/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onmouseup/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onreset/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onresize/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onscroll/index.html create mode 100644 files/fr/web/api/globaleventhandlers/onselect/index.html (limited to 'files/fr/web/api/globaleventhandlers') diff --git a/files/fr/web/api/globaleventhandlers/index.html b/files/fr/web/api/globaleventhandlers/index.html new file mode 100644 index 0000000000..4e6c027469 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/index.html @@ -0,0 +1,703 @@ +--- +title: GlobalEventHandlers +slug: Web/API/GlobalEventHandlers +tags: + - API + - DOM + - Gestionnaires d'évènements + - évènements +translation_of: Web/API/GlobalEventHandlers +--- +
+
{{ ApiRef("HTML DOM") }}
+
+ +

L'interface GlobalEventHandlers décrit les gestionnaires d'évènements usuels de nombreuses interfaces comme {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}} ou {{domxref("WorkerGlobalScope")}} pour les Web Workers. Chacune de ces interfaces peut implémenter plus de gestionnaires d'évènements.

+ +

GlobalEventHandlers est une interface brute et aucun objet de ce type ne peut être créé.

+ +

Propriétés

+ +

Les propriétés des évènements, de la forme onXYZ, sont définies sur {{domxref("GlobalEventHandlers")}} et implémentées par {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}} et {{domxref("WorkerGlobalScope")}} pour les Web Workers.

+ +
+
{{domxref("GlobalEventHandlers.onabort")}}
+
Est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event ("abort")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onanimationcancel")}} {{Non-standard_inline}}
+
un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("animationcancel")}} est envoyé, indiquant que l'exécution de l'animation CSS a été abandonnée.
+
{{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}}
+
un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("animationend")}} est envoyé, indiquant que l'exécution de l'animation CSS a été abandonnée.
+
{{domxref("GlobalEventHandlers.onanimationiteration")}} {{Non-standard_inline}}
+
un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("animationiteration")}} est envoyé , indiquant qu'une animation CSS a commencé à jouer une nouvelle itération de la séquence d'animation.
+
{{domxref("GlobalEventHandlers.onanimationstart")}} {{Non-standard_inline}}
+
un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("animationstart")}} est envoyé , indiquant qu'une animation CSS a commencé.
+
{{domxref("GlobalEventHandlers.onauxclick")}} {{Non-standard_inline}}
+
un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("auxclick")}} est envoyé , indiquant qu'un bouton non primaire a été enfoncé sur le périphérique d'entrée (par exemple, un bouton du milieu de la souris).
+
{{domxref("GlobalEventHandlers.onblur")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("blur")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onerror")}}
+
est un {{domxref("OnErrorEventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("error")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onfocus")}}
+
est un {{domxref("EventHandler")}} représentant le code à appeler lorsque l'évènement {{event("focus")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oncancel")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("cancel")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oncanplay")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("canplay")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oncanplaythrough")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("canplaythrough")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onchange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("change")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onclick")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("click")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onclose")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("close")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oncontextmenu")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("contextmenu")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oncuechange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("cuechange")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondblclick")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dblclick")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondrag")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("drag")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragend")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragend")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragenter")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragenter")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragexit")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragexit")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragleave")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragleave")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragover")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragover")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondragstart")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragstart")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondrop")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("drop")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ondurationchange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("durationchange")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onemptied")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("emptied")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onended")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("ended")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ongotpointercapture")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque le type d'événement {{event("gotpointercapture")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oninput")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("input")}} est déclenché.
+
{{domxref("GlobalEventHandlers.oninvalid")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("invalid")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onkeydown")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keydown")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onkeypress")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keypress")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onkeyup")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keyup")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onload")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("load")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onloadeddata")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadeddata")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onloadedmetadata")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadedmetadata")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onloadend")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadend")}} est déclenché (lorsque la progression s'est arrêtée sur le chargement d'une ressource).
+
{{domxref("GlobalEventHandlers.onloadstart")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadstart")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onlostpointercapture")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque le type d'événement {{event("lostpointercapture")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmousedown")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mousedown")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmouseenter")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseenter")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmouseleave")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseleave")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmousemove")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mousemove")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmouseout")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseout")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmouseover")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseover")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmouseup")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseup")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onmousewheel")}} {{Non-standard_inline}} {{Deprecated_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mousewheel")}} est déclenché. Déprécié. Utiliser  onwheel à la place.
+
{{ domxref("GlobalEventHandlers.onwheel") }}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("wheel")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpause")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pause")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onplay")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("play")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onplaying")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("playing")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerdown")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerdown")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointermove")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointermove")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerup")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerup")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointercancel")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointercancel")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerover")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerover")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerout")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerout")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerenter")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerevent")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerleave")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerleave")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerlockchange")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerlockerror")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onprogress")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("progress")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onratechange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("ratechange")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onreset")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("reset")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onscroll")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("scroll")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onseeked")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("seeked")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onseeking")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("seeking")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onselect")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("select")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onselectstart")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("selectionchange")}} est déclenché, par exemple, quand l'utilisateur commence une nouvelle sélection de texte sur une page web.
+
{{domxref("GlobalEventHandlers.onselectionchange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("selectionchange")}} est déclenché, par exemple, quand le texte sélectionné sur une page web change.
+
{{domxref("GlobalEventHandlers.onshow")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("show")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("sort")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onstalled")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("stalled")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onsubmit")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("submit")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onsuspend")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("suspend")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontimeupdate")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("timeupdate")}} est déclenché.
+
{{domxref("GlobalEventHandlers.onvolumechange")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("volumechange")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontouchcancel")}} {{Non-standard_inline}} {{Experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("touchcancel")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontouchend")}} {{Non-standard_inline}} {{Experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("touchend")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontouchmove")}} {{Non-standard_inline}} {{Experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("touchmove")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontouchstart")}} {{Non-standard_inline}} {{Experimental_inline}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("touchstart")}} est déclenché.
+
{{domxref("GlobalEventHandlers.ontransitioncancel")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("transitioncancel")}} est envoyé, indiquant qu'une transition CSS a été abandonnée.
+
{{domxref("GlobalEventHandlers.ontransitionend")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) appelé lorsqu'un évènement {{event("transitionend")}} est envoyé, indiquant qu'une transition CSS est terminée.
+
{{domxref("GlobalEventHandlers.onwaiting")}}
+
est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("waiting")}} est déclenché.
+
+ +

Méthodes

+ +

Cette interface ne définit aucune méthode.

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("Selection API",'', 'Extension to GlobalEventHandlers')}}{{Spec2('Selection API')}}Ajoute onselectionchange.
{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}}{{Spec2('Pointer Lock')}}Ajouteonpointerlockchange et onpointerlockerror sur{{domxref("Document")}}. Est implémenté expérimentalement GlobalEventHandlers.
{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}}{{Spec2('HTML WHATWG')}}Pas de changement depuis le précédent {{SpecName("HTML5.1")}}.
{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}}{{Spec2('HTML5.1')}}Instantané de {{SpecName("HTML WHATWG")}}. onsort ajouté depuis {{SpecName("HTML5 W3C")}}.
{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}}{{Spec2('HTML5 W3C')}}Instantané de {{SpecName("HTML WHATWG")}}. Création de GlobalEventHandlers.
+ +

Compatibilité des navigateurs

+ +

{{CompatibilityTable}}

+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéFirefox (Gecko)ChromeEdgeInternet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting{{CompatGeckoDesktop(1.9.1)}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onsuspend{{CompatGeckoDesktop(1.9.2)}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop{{CompatGeckoDesktop(1.9.1)}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onmouseenter, onmouseleave{{CompatGeckoDesktop(10)}}{{CompatChrome(30.0)}}{{CompatUnknown}}5.517{{CompatUnknown}}
ondragexit{{CompatNo}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
oncancel{{CompatNo}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onclose{{CompatNo}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
oncuechange{{CompatNo}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onmousewheel{{CompatNo}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onsort {{experimental_inline}}{{CompatNo}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onmozfullscreenchange, onmozfullscreenerror {{non-standard_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)		{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
onpointerlockchange, onpointerlockerror{{CompatGeckoDesktop(10)}}[1]{{CompatVersionUnknown}}[2] {{property_prefix("-webkit")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave{{CompatVersionUnknown}}[3]{{CompatChrome(55.0)}}{{CompatVersionUnknown}}10{{CompatUnknown}}{{CompatUnknown}}
onselectionchange{{CompatGeckoDesktop(43)}}[4]{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
ontouchend, ontouchcancel, ontouchmove, ontouchstart{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
animationstart, animationend, animationcancel, animationiteration{{CompatGeckoDesktop(51)}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)		{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
ongotpointercapture, onlostpointercapture{{CompatUnknown}}{{CompatChrome(57.0)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatOpera(44)}}{{CompatUnknown}}
onauxclick{{CompatGeckoDesktop(53)}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
onwheel{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroid WebviewEdgeFirefox Mobile (Gecko)AndroidIE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop{{CompatUnknown}}{{CompatUnknown}}{{CompatGeckoMobile(1.9.1)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatGeckoMobile(1.9.1)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
onmouseenter, onmouseleave{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatGeckoMobile(10)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
onsuspend{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatGeckoMobile(1.9.2)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
ondragexit{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
oncancel{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
onclose{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
oncuechange{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
onmousewheel{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
onsort{{CompatNo}}{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
onmozfullscreenchange, onmozfullscreenerror {{non-standard_inline}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)		{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)
onpointerlockchange, onpointerlockerror{{CompatNo}}{{CompatUnknown}}{{CompatGeckoMobile(10)}}[1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave{{CompatChrome(55.0)}}{{CompatUnknown}}{{CompatVersionUnknown}}[3]{{CompatNo}}10{{CompatNo}}{{CompatNo}}{{CompatChrome(55.0)}}
onselectionchange{{CompatNo}}{{CompatUnknown}}{{CompatGeckoMobile(43)}}[4]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
ontouchend, ontouchcancel, ontouchmove, ontouchstart{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}
animationstart, animationend, animationcancel, animationiteration{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)		{{CompatUnknown}}{{CompatGeckoMobile(51)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}} {{property_prefix("-webkit")}}
+ {{CompatVersionUnknown}} (unprefixed)
ongotpointercapture, onlostpointercapture{{CompatChrome(57.0)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatOperaMobile(44)}}{{CompatUnknown}}{{CompatChrome(57.0)}}
onauxclick{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(53)}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}
onwheel{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

[1] Dans Gecko c'est implémenté comme onmozpointerlockchange, onmozpointerlockerror.

+ +

[2] Dans Blink c'est implémenté comme onwebkitpointerlockchange, onwebkitpointerlockerror.

+ +

[3] C'est implémenté après la préférence dom.w3c_pointer_events.enabled, par défaut à false (faux).

+ +

[4] C'est implémenté après la préférence dom.select_events.enabled par défaut à false (faux), sauf sur Nightly.

+
+ +
 
+ +

Voir aussi

+ + diff --git a/files/fr/web/api/globaleventhandlers/onabort/index.html b/files/fr/web/api/globaleventhandlers/onabort/index.html new file mode 100644 index 0000000000..159cd2afff --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onabort/index.html @@ -0,0 +1,112 @@ +--- +title: GlobalEventHandlers.onabort +slug: Web/API/GlobalEventHandlers/onabort +tags: + - API + - NeedContent + - Property + - Reference + - Window +translation_of: Web/API/GlobalEventHandlers/onabort +--- +
{{ ApiRef("HTML DOM") }}
+ +

Sommaire

+ +

Un gestionnaire d'évènement pour interrompre les événements envoyés à la fenêtre. (non disponible sur Firefox 2 ou Safari).

+ +

Bien que le standard pour l'abandon d'un chargement de document soit défini, le problème HTML N° 3525 suggère que les navigateurs ne déclenchent pas pour l'instant l'événement "abort" sur une window qui déclencherait un appel à onabort.

+ +

À FAIRE : définir ce qu'est "interrompre" : fermer la fenêtre via le gestionnaire de fenêtre ? Arrêter le chargement de la page ? Par quels moyens et pour quelles raisons (utilisateur, réseau/serveur) ? À quelle étape cela devrait-il se déclencher / être capturé ? Pour IE, onabort est seulement disponible pour les balises img.

+ +

Syntaxe

+ +
window.onabort = refFonc
+
+ + + +

Exemple

+ +
window.onabort = function() {
+  alert("Chargement interrompu.");
+}
+ +

Spécification

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onabort','onabort')}}{{Spec2('HTML WHATWG')}} 
+ +
+
+

Compatibilité des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewChrome for AndroidFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
Basic support{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+
+
diff --git a/files/fr/web/api/globaleventhandlers/onauxclick/index.html b/files/fr/web/api/globaleventhandlers/onauxclick/index.html new file mode 100644 index 0000000000..b341d8d415 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onauxclick/index.html @@ -0,0 +1,90 @@ +--- +title: GlobalEventHandlers.onauxclick +slug: Web/API/GlobalEventHandlers/onauxclick +tags: + - API + - Expérimentale + - Propriété + - Reference +translation_of: Web/API/GlobalEventHandlers/onauxclick +--- +
{{ApiRef("HTML DOM")}} {{SeeCompatTable}}
+ +

La propriété onauxclick du mixin {{domxref("GlobalEventHandlers")}} est un {{domxref("EventHandler")}} pour le traitement des événements {{event("auxclick")}}.

+ +

L'événement auxclick est déclenché lorsqu'un bouton non principal a été enfoncé sur un périphérique d'entrée (par exemple, la molette de la souris). Il se déclenche après les événements {{event("mousedown")}} et {{event("mouseup")}}, dans cet ordre.

+ +
+

Note: Les fournisseurs de navigateurs implémentent cette propriété dans le cadre d'un plan visant à améliorer la compatibilité en ce qui concerne le comportement des boutons. Plus précisément, le comportement des événements est mis à jour afin que {{Event ("click")}} ne se déclenche que pour les clics sur le bouton principal (par exemple, le bouton gauche de la souris), tandis que {{Event ("auxclick")}} se déclenche pour le bouton non principal. Historiquement, {{Event("click")}} s'est généralement déclenché pour le clic de n'importe quel bouton d'entrée de périphérique, bien que le comportement du navigateur soit quelque peu incohérent.

+
+ +

Syntaxe

+ +
target.onauxclick = functionRef;
+
+ +

Valeur

+ +

functionRef est un nom de fonction ou une function expression. La fonction reçoit un objet {{domxref("MouseEvent")}} comme seul argument. Dans la fonction, this sera l'élément sur lequel l'événement a été déclenché.

+ +

Un seul gestionnaire onauxclick peut être affecté à un objet à la fois. Vous pouvez préférer utiliser la méthode {{domxref("EventTarget.addEventListener()")}} à la place, car elle est plus flexible.

+ +

Exemple

+ +

Dans cet exemple, nous définissons des fonctions pour deux gestionnaires d'événements — {{domxref("GlobalEventHandlers.onclick", "onclick")}} et onauxclick. Le premier modifie la couleur de l'arrière-plan du bouton, tandis que le second modifie la couleur de premier plan (texte) du bouton. Vous pouvez voir les deux fonctions en action en essayant la démo avec une souris à plusieurs boutons (voir en direct sur GitHub; également voir le code source).

+ +
var button = document.querySelector('button');
+var html = document.querySelector('html');
+
+function random(number) {
+  return Math.floor(Math.random() * number);
+}
+
+button.onclick = function() {
+  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
+  button.style.backgroundColor = rndCol;
+};
+
+button.onauxclick = function() {
+  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
+  button.style.color = rndCol;
+}
+ +
+

Note: Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire onauxclick est exécuté lorsque l'un des boutons non gauche de la souris est cliqué.

+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('UI Events','#event-type-auxclick','onauxclick')}}{{Spec2('UI Events')}}
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("api.GlobalEventHandlers.onauxclick")}}

+ +

Voir également

+ + diff --git a/files/fr/web/api/globaleventhandlers/onblur/index.html b/files/fr/web/api/globaleventhandlers/onblur/index.html new file mode 100644 index 0000000000..c4d87d1e82 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onblur/index.html @@ -0,0 +1,62 @@ +--- +title: element.onblur +slug: Web/API/GlobalEventHandlers/onblur +tags: + - DOM + - DOM_0 +translation_of: Web/API/GlobalEventHandlers/onblur +--- +

{{ ApiRef() }}

+ +

Résumé

+ +

La propriété onblur renvoie le gestionnaire de l'évènement blur (perte de focus) pour l'élément courant.

+ +

Syntaxe

+ +
element.onblur = nomFonctionUtilisateur;
+
+ + + +
element.onblur = function() {
+    alert("Évènement onblur détecté");
+};
+
+ +

Exemple

+ +

Lorsqu'une zone de saisie n'est plus active suite à une perte du « focus », une boîte de message (alert) est affichée.

+ +
<form>
+	<input type="text" id="foo" value="Allo!" />
+</form>
+
+<script type="text/javascript">
+
+var elem = document.getElementById("foo");
+
+// Attention : afficherMessage(); ou afficherMessage(param); ne fonctionneront pas ici,
+// il doit s'agir d'une référence au nom d'une fonction et non d'un appel de cette fonction
+
+elem.onblur = afficherMessage;
+
+function afficherMessage() {
+	alert("Évènement onblur detecté!");
+}
+</script>
+
+ +

Notes

+ +

L'évènement blur se déclenche lors de la perte de focus d'un élément.

+ +

Microsoft Internet Explorer déclenche l'évènement blur sur presque tous les éléments, contrairement aux navigateurs Gecko (dont Firefox) qui ne le déclencheront que sur un nombre limité d'éléments.

+ +

Spécification

+ +

{{ DOM0() }}

+ +

{{ languages( { "en": "en/DOM/element.onblur" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onchange/index.html b/files/fr/web/api/globaleventhandlers/onchange/index.html new file mode 100644 index 0000000000..e0e4aadf81 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onchange/index.html @@ -0,0 +1,36 @@ +--- +title: element.onchange +slug: Web/API/GlobalEventHandlers/onchange +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onchange +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onchange définit et renvoie le gestionnaire d'évènement onChange (modification) pour l'élément courant.

+

Syntaxe

+
element.onchange = code de gestion de l'évènement
+
+

Notes

+

Le pseudo code suivant illustre la manière dont le gestionnaire d'évènement change est implémenté dans Mozilla :

+
  control.onfocus = focus;
+  control.onblur = blur;
+  function focus () {
+      original_value = control.value;
+  }
+
+  function blur () {
+      if (control.value != original_value)
+        control.onchange();
+  }
+
+

Par conséquent, vous pouvez rencontrer des comportements inattendus dans l'évènement change si vous modifiez la valeur du contrôle dans vos propres gestionnaires d'évènements focus ou blur. De plus, l'évènement change se déclenche avant l'évènement blur. Ce comportement n'est pas le même que celui d'Internet Explorer.

+

Specification

+

{{ DOM0() }}

+

Voir aussi

+ +

{{ languages( { "en": "en/DOM/element.onchange" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onclick/index.html b/files/fr/web/api/globaleventhandlers/onclick/index.html new file mode 100644 index 0000000000..3d2ffb0150 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onclick/index.html @@ -0,0 +1,68 @@ +--- +title: element.onclick +slug: Web/API/GlobalEventHandlers/onclick +translation_of: Web/API/GlobalEventHandlers/onclick +--- +

{{ ApiRef() }}

+ +

Résumé

+ +

La propriété onclick représente le gestionnaire d'évènement onClick de l'élément courant.

+ +

Syntaxe

+ +

element.onclick = functionRef

+ +

où functionRef est une fonction ou une expression de type function. Consulter la référence des fonctions pour plus de détails.

+ +

Le paramètre fourni au gestionnaire d'évènement functionRef lors du déclenchement de l'évènement est un objet qui représente l'évènement de click, de type {{ domxref("MouseEvent") }}.

+ +

Exemple

+ +
<!doctype html>
+<html>
+<head>
+<title>onclick event example</title>
+<script type="text/javascript">
+function initElement()
+{
+  var p = document.getElementById("foo");
+  // NOTE: showAlert(); ou showAlert(param); NE fonctionne PAS ici.
+  // Il faut fournir une valeur de type function (nom de fonction déclaré ailleurs ou declaration en ligne de fonction).
+  p.onclick = showAlert;
+};
+
+function showAlert()
+{
+  alert("Evènement de click détecté");
+}
+</script>
+<style type="text/css">
+#foo {
+border: solid blue 2px;
+}
+</style>
+</head>
+<body onload="initElement();">
+<span id="foo">Mon Span à cliquer</span>
+<p>Cliquez sur l'élément ci-dessus.</p>
+</body>
+</html>
+ +

Vous pouvez aussi utiliser la syntaxe des fonctions déclarées en ligne, anonymes ou non.

+ +
// affectation de fonction anonyme declarée en ligne
+p.onclick = function() { alert("moot!"); };
+
+ +

Notes

+ +

L'évènement click est déclenché lorsque l'utilisateur clique sur un élément.

+ +

Avec cette syntaxe un seul gestionnaire d'évènement click peut être assigné à un élement . Pour gérer plusieurs fonctions gestionnaires d'évènements click sur un même élément, utilisez {{ domxref("EventTarget.addEventListener()") }} qui fait partie de la spécification DOM Events.

+ +

Spécification

+ +

Defini en HTML.

+ +

{{ languages( { "en": "en/DOM/element.onclick", "pl": "pl/DOM/element.onclick" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onclose/index.html b/files/fr/web/api/globaleventhandlers/onclose/index.html new file mode 100644 index 0000000000..e7234b295e --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onclose/index.html @@ -0,0 +1,47 @@ +--- +title: GlobalEventHandlers.onclose +slug: Web/API/GlobalEventHandlers/onclose +tags: + - API + - DOM + - HTML + - Property + - Reference +translation_of: Web/API/GlobalEventHandlers/onclose +--- +
{{ApiRef("HTML DOM")}}
+ +

Un gestionnaire d'évènement utilisé lorsque des évènements de fermeture sont envoyés à la fenêtre (non disponible dans Firefox 2 ou Safari).

+ +

Syntaxe

+ +
window.onclose = funcRef;
+
+ +

Paramètres

+ + + +

Exemple

+ +
window.onclose = resetThatServerThing;
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaires
{{SpecName('HTML WHATWG','webappapis.html#handler-onclose','onclose')}}{{Spec2('HTML WHATWG')}} 
diff --git a/files/fr/web/api/globaleventhandlers/ondblclick/index.html b/files/fr/web/api/globaleventhandlers/ondblclick/index.html new file mode 100644 index 0000000000..005a6e7264 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/ondblclick/index.html @@ -0,0 +1,60 @@ +--- +title: element.ondblclick +slug: Web/API/GlobalEventHandlers/ondblclick +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/ondblclick +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété ondblclick renvoie le gestionnaire d'évènement dblclick de l'élément courant.

+

Syntaxe

+
element.ondblclick = nomDeFonction;
+
+ +
element.ondblclick = function() { alert("Évènement dblclick détecté"); };
+
+

Exemple

+
<html>
+
+<head>
+<title>ondblclick event example</title>
+
+<script type="text/javascript">
+
+function initElement() {
+ var p = document.getElementById("foo");
+ // Attention : showAlert(); ou showAlert(param); ne fonctionneront pas ici,
+ // il doit s'agir d'une référence à un nom de fonction, pas un appel de fonction.
+ p.ondblclick = showAlert;
+};
+
+function showAlert() {
+ alert("Évènement dblclick détecté")
+}
+</script>
+
+<style type="text/css">
+<!--
+#foo {
+border: solid blue 2px;
+}
+-->
+</style>
+</head>
+
+<body onload="initElement()";>
+<span id="foo">Mon élément</span>
+<p>Double-cliquez sur l'élément ci-dessus.</p>
+</body>
+</html>
+
+

Notes

+

L'évènement dblclick est déclenché lorsque l'utilisateur double-clique sur un élément.

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.ondblclick" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onerror/index.html b/files/fr/web/api/globaleventhandlers/onerror/index.html new file mode 100644 index 0000000000..18d4b02aab --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onerror/index.html @@ -0,0 +1,152 @@ +--- +title: GlobalEventHandlers.onerror +slug: Web/API/GlobalEventHandlers/onerror +tags: + - API + - HTML DOM + - Propriété + - Reference +translation_of: Web/API/GlobalEventHandlers/onerror +--- +
{{ApiRef("HTML DOM")}}
+ +

Un gestionnaire d'événement pour l'événement error. Des événements d'erreur sont déclenchés vers diverses cibles et pour différents types d'erreurs:

+ + + +

Syntaxe

+ +

Pour des raisons historiques, des arguments différents sont passés aux gestionnaires window.onerror et element.onerror.

+ +

window.onerror

+ +
window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... }
+ +

Paramètres de la fonction :

+ + + +

element.onerror (et window.addEventListener('error'))

+ +
element.onerror = function(event) { ... }
+ +

element.onerror accepte une fonction avec un argument unique de type {{domxref("Event")}}.

+ +

Notes

+ +

Quand une erreur de syntaxe(?) se produit dans un script chargé à partir d'une origine différente, les détails de l'erreur de syntaxe ne sont pas rapportés, afin de prévenir la fuite d'information (voir {{bug("363897")}}). A la place, l'erreur est simplement reportée en tant que "Script error". Ce comportement peut être surchargé par certains navigateurs en utilisant l'attribut {{htmlattrxref("crossorigin","script")}} de {{HTMLElement("script")}} et en faisant en sorte que le serveur envoie les entêtes de réponse CORS HTTP appropriés. Un contournement consiste à isoler "Script error" et à la gérer en sachant que les détails de l'erreur ne sont visibles que la console du navigateur et non accessibles en JavaScript.

+ +
window.onerror = function (msg, url, noLigne, noColonne, erreur) {
+    var chaine = msg.toLowerCase();
+    var souschaine = "script error";
+    if (chaine.indexOf(souschaine) > -1){
+        alert('Script Error : voir la Console du Navigateur pour les Détails');
+    } else {
+        var message = [
+            'Message : ' + msg,
+            'URL : ' + url,
+            'Ligne : ' + noLigne,
+            'Colonne : ' + noColonne,
+            'Objet Error : ' + JSON.stringify(erreur)
+        ].join(' - ');
+
+        alert(message);
+    }
+
+    return false;
+};
+ +

Lors de l'utilisation du balisage html intégré (<body onerror="alert('une erreur est survenue')>...), la spécification HTML requiert que les arguments passés à onerror soient nommés event, source, lineno, colno, error. Dans les navigteurs qui n'ont pas implémenté cette obligation, ils peuvent toujours être obtenus via arguments[0] à arguments[2].

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onerror','onerror')}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +

Avant Firefox 14, quand le chargement d'un {{HTMLElement("script")}} échouait, window.onerror était invoqué avec le message "Error loading script". Ce bug a été corrigé dans {{bug("737087")}}. A présent, scriptElement.onerror est invoqué à la place dans de tels cas.

+ +

Depuis Firefox 31, les 2 derniers arguments (colno et error) ont été ajoutés, ce qui signifie que vous pouvez accéder à la trace de la pile d'une erreur de script via l'objet Error fourni({{bug("355430")}}).

+ +

Voir aussi

+ + + +

Compatibilité des navigateurs

+ +

{{CompatibilityTable}}

+ + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support de base{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewChrome pour AndroidFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
Support de base{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
diff --git a/files/fr/web/api/globaleventhandlers/onfocus/index.html b/files/fr/web/api/globaleventhandlers/onfocus/index.html new file mode 100644 index 0000000000..98485a92d9 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onfocus/index.html @@ -0,0 +1,21 @@ +--- +title: element.onfocus +slug: Web/API/GlobalEventHandlers/onfocus +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onfocus +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onfocus renvoie le gestionnaire de l'évènement focus pour l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onfocus
+
+

Notes

+

L'évènement focus se déclenche lorsque l'utilisateur donne le focus clavier à l'élément donné.

+

Contrairement à Microsoft Internet Explorer, dans lequel presque toutes les sortes d'éléments peuvent recevoir l'évènement focus, presqu'aucune sorte d'élément ne reçoit cet évènement dans les navigateurs utilisant Gecko.

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onfocus" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.html b/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.html new file mode 100644 index 0000000000..3ea384d7b1 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.html @@ -0,0 +1,59 @@ +--- +title: GlobalEventHandlers.ongotpointercapture +slug: Web/API/GlobalEventHandlers/ongotpointercapture +translation_of: Web/API/GlobalEventHandlers/ongotpointercapture +--- +
{{ApiRef("HTML DOM")}}
+ +
La propriété ongotpointercapture du mixin {{domxref("GlobalEventHandlers")}} est un {{domxref("EventHandler")}} qui traite les évènements de type {{event("gotpointercapture")}}.
+ +

Syntaxe

+ +
target.ongotpointercapture = functionRef;
+ +

Valeur

+ +

functionRef est un nom de fonction ou une expression fonction. La fonction accepte un objet {{domxref("FocusEvent")}} en tant qu'unique argument.

+ +

Example

+ +
function overHandler(event) {
+  // Obtient le gestionnaire de type "gotpointercapture" de la cible de l'événement
+  let gotCaptureHandler = event.target.ongotpointercapture;
+}
+
+function init() {
+  let el = document.getElementById('target');
+  el.ongotpointercapture = overHandler;
+}
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatusCommentaire
{{SpecName('Pointer Events 2', '#the-gotpointercapture-event', 'onlostpointercapture')}}{{Spec2('Pointer Events 2')}} 
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("api.GlobalEventHandlers.ongotpointercapture")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/globaleventhandlers/onkeydown/index.html b/files/fr/web/api/globaleventhandlers/onkeydown/index.html new file mode 100644 index 0000000000..3753a32bae --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onkeydown/index.html @@ -0,0 +1,23 @@ +--- +title: element.onkeydown +slug: Web/API/GlobalEventHandlers/onkeydown +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onkeydown +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onkeydown définit et renvoie le gestionnaire d'évènement keydown de l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onkeydown
+
+

Notes

+

L'évènement keydown se déclenche lorsque qu'une touche du clavier est enfoncée.

+

À différencier de onkeypress qui se déclenche lorsque qu'une touche du clavier est pressée. (La nuance se situe dans le fait que onkeydown se produit avant onkeypress même s'ils se produisent quasiment au même instant)

+

Voir aussi

+

onkeypress onkeyup

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onkeydown", "pl": "pl/DOM/element.onkeydown" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onkeypress/index.html b/files/fr/web/api/globaleventhandlers/onkeypress/index.html new file mode 100644 index 0000000000..83c4c911bc --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onkeypress/index.html @@ -0,0 +1,23 @@ +--- +title: element.onkeypress +slug: Web/API/GlobalEventHandlers/onkeypress +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onkeypress +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onkeypress définit et renvoie le gestionnaire d'évènement keypress de l'élément courant.

+

Syntaxe

+
element.onkeypress = code de gestion de l'évènement
+
+

Notes

+

L'évènement keypress se déclenche lorsque qu'une touche du clavier est pressée.

+

À différencier de onkeydown qui se déclenche lorsque qu'une touche du clavier est enfoncée. (La nuance se situe dans le fait que onkeydown se produit avant onkeypress, même s'il se produisent quasiment au même instant)

+

Voir aussi

+

onkeydown onkeyup

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onkeypress" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onkeyup/index.html b/files/fr/web/api/globaleventhandlers/onkeyup/index.html new file mode 100644 index 0000000000..6c27a7cc02 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onkeyup/index.html @@ -0,0 +1,23 @@ +--- +title: element.onkeyup +slug: Web/API/GlobalEventHandlers/onkeyup +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onkeyup +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onkeyup renvoi le gestionnaire d'évènements onKeyUp de l'élément courant.

+

Syntaxe

+

code de gestion de l'évènement = element.onkeyup

+

Exemple

+
 <input type="text" onKeyUp="cleRelachee(event)">
+ <script>function cleRelachee(evt){ alert(evt.keyCode) }</script>
+
+

Notes

+

L'évènement keyup se déclenche lorsque qu'une touche du clavier qui a été pressée est relâchée.

+

Voir aussi

+

onkeypress onkeydown

+

Spécification

+

Ne fait partie d'aucune spécification.

+

{{ languages( { "en": "en/DOM/element.onkeyup", "pl": "pl/DOM/element.onkeyup" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onload/index.html b/files/fr/web/api/globaleventhandlers/onload/index.html new file mode 100644 index 0000000000..d8a5227c92 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onload/index.html @@ -0,0 +1,27 @@ +--- +title: window.onload +slug: Web/API/GlobalEventHandlers/onload +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onload +--- +

{{ ApiRef() }}

+

Résumé

+

Un gestionnaire d'évènement pour l'évènement load (chargement) de la fenêtre.

+

Syntaxe

+
window.onload = refFct;
+
+

Paramètres

+ +

Exemple

+
window.onload = init;
+
+

Notes

+

L'évènement load se déclenche à la fin du processus de chargement du document. À ce moment, tous les objets du document sont dans le DOM.

+

Spécification

+

Ne fait partie d'aucune spécification.

+
+  
+

{{ languages( { "en": "en/DOM/window.onload", "pl": "pl/DOM/window.onload" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onloadend/index.html b/files/fr/web/api/globaleventhandlers/onloadend/index.html new file mode 100644 index 0000000000..00e16cf29a --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onloadend/index.html @@ -0,0 +1,122 @@ +--- +title: GlobalEventHandlers.onloadend +slug: Web/API/GlobalEventHandlers/onloadend +tags: + - API + - DOM + - Gestionnaires d'évènements + - Propriétés + - évènements +translation_of: Web/API/GlobalEventHandlers/onloadend +--- +
{{ApiRef}}
+ +

La propriété onloadend du "mixin" {{domxref("GlobalEventHandlers")}} est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'évènement {{event("loadend")}} est déclenché (quand la progression est arrêtée sur le chargement d'une ressource).

+ +

Syntaxe

+ +
img.onloadend = funcRef;
+
+ +

Valeur

+ +

funcRef est la fonction du gestionnaire à appeler quand l'évènement loadend de la ressource est déclenché.

+ +

Exemples

+ +

Contenu HTML

+ +
<img src="myImage.jpg">
+ +

Contenu JavaScript

+ +
// 'loadstart' est le premier lancé, puis 'load', puis 'loadend'
+
+image.addEventListener('load', function(e) {
+  console.log('Image loaded');
+});
+
+image.addEventListener('loadstart', function(e) {
+  console.log('Image load started');
+});
+
+image.addEventListener('loadend', function(e) {
+  console.log('Image load finished');
+});
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("HTML WHATWG", "webappapis.html#handler-onloadend", "onloadend")}}{{Spec2("HTML WHATWG")}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatNo}}{{CompatNo}}{{CompatGeckoDesktop("52")}}[1]{{CompatNo}}{{CompatNo}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatUnknown}}{{CompatNo}}{{CompatGeckoMobile("52")}}[1]{{CompatNo}}{{CompatNo}}{{CompatUnknown}}{{CompatNo}}
+
+ +

[1] À partir de Firefox 52, l'évènement loadend est déclenché sur les éléments {{htmlelement("img")}}.

diff --git a/files/fr/web/api/globaleventhandlers/onloadstart/index.html b/files/fr/web/api/globaleventhandlers/onloadstart/index.html new file mode 100644 index 0000000000..fe09f4e6aa --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onloadstart/index.html @@ -0,0 +1,74 @@ +--- +title: GlobalEventHandlers.onloadstart +slug: Web/API/GlobalEventHandlers/onloadstart +tags: + - API + - DOM + - Gestionnaires d'évènements + - Propriétés + - évènements +translation_of: Web/API/GlobalEventHandlers/onloadstart +--- +
{{ApiRef}}
+ +

La propriété onloadstart du "mixin" {{domxref("GlobalEventHandlers")}} est un {{domxref("EventHandler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'évènement {{event("loadstart")}} est déclenché (quand la progression est commencée sur le chargement d'une ressource).

+ +

Syntaxe

+ +
img.onloadstart = funcRef;
+
+ +

Valeur

+ +

funcRef est la fonction du gestionnaire à appeler lorsque l'évènement loadstart de la ressource est déclenché.

+ +

Exemples

+ +

Contenu HTML

+ +
<img src="myImage.jpg">
+ +

Contenu JavaScript

+ +
// 'loadstart' est lancé le premier, puis 'load', puis 'loadend'
+
+image.addEventListener('load', function(e) {
+  console.log('Image loaded');
+});
+
+image.addEventListener('loadstart', function(e) {
+  console.log('Image load started');
+});
+
+image.addEventListener('loadend', function(e) {
+  console.log('Image load finished');
+});
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("HTML WHATWG", "webappapis.html#handler-onloadstart", "onloadstart")}}{{Spec2("HTML WHATWG")}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +
+
+ + +

{{Compat("api.GlobalEventHandlers.onloadstart")}}

+
+
diff --git a/files/fr/web/api/globaleventhandlers/onmousedown/index.html b/files/fr/web/api/globaleventhandlers/onmousedown/index.html new file mode 100644 index 0000000000..8da0125fb7 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onmousedown/index.html @@ -0,0 +1,20 @@ +--- +title: element.onmousedown +slug: Web/API/GlobalEventHandlers/onmousedown +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onmousedown +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onmousedown renvoie le gestionnaire de l'évènement mousedown (bouton de la souris enfoncé) pour l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onMouseDown
+
+

Notes

+

L'évènement mousedown se déclenche lorsque l'utilisateur appuie sur le bouton gauche de la souris.

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onmousedown", "pl": "pl/DOM/element.onmousedown" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onmousemove/index.html b/files/fr/web/api/globaleventhandlers/onmousemove/index.html new file mode 100644 index 0000000000..b89d701db6 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onmousemove/index.html @@ -0,0 +1,41 @@ +--- +title: element.onmousemove +slug: Web/API/GlobalEventHandlers/onmousemove +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onmousemove +--- +

{{ ApiRef() }}

+ +

Résumé

+ +

La propriété onmousemove renvoie le code de gestion de l'évènement mousemove pour l'élément courant.

+ +

Syntax

+ +

element.onmousemove = functionRef

+ +

où functionRef est une fonction ou une expression de type function. Consulter la référence des fonctions pour plus de détails.

+ +

Le paramètre fournit au gestionnaire d'évènement functionRef lors du déclenchement de l'évènement est objet qui représente l'évènement de déplacment de souris, de type {{ domxref("MouseEvent") }}.

+ +

Exemple

+ +
document.body.onmousemove = event => {
+  // Suivi de la position de la souris dans la console
+  console.log(`Position de la souris : X = ${event.clientX} | Y = ${event.clientY}`);
+}
+ +

Notes

+ +

L'évènement mousemove se déclenche lorsque l'utilisateur déplace la souris.

+ +

Spécification

+ +

{{ DOM0() }}

+ +
 
+ +

{{ languages( { "en": "en/DOM/element.onmousemove", "pl": "pl/DOM/element.onmousemove" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onmouseout/index.html b/files/fr/web/api/globaleventhandlers/onmouseout/index.html new file mode 100644 index 0000000000..ac9fb708bd --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onmouseout/index.html @@ -0,0 +1,20 @@ +--- +title: element.onmouseout +slug: Web/API/GlobalEventHandlers/onmouseout +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onmouseout +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onmouseout renvoie le code de gestion de l'évènement mouseout (sortie du pointeur de la souris) pour l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onmouseout
+
+

Notes

+

L'évènement mouseout se déclenche lorsque le pointeur de la souris quitte un élément (par exemple lorsque le pointeur sort d'une image sur une page web, cet évènement se déclenche pour l'élément image correspondant).

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onmouseout" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onmouseover/index.html b/files/fr/web/api/globaleventhandlers/onmouseover/index.html new file mode 100644 index 0000000000..f5f46d7ac9 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onmouseover/index.html @@ -0,0 +1,20 @@ +--- +title: element.onmouseover +slug: Web/API/GlobalEventHandlers/onmouseover +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onmouseover +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onmouseover renvoie le code de gestion de l'évènement onMouseOver pour l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onmouseover
+
+

Notes

+

L'évènement mouseover se déclenche lorsque l'utilisateur déplace la souris au dessus d'un élément particulier.

+

Spécification

+

Ne fait partie d'aucune spécification.

+
+  
+

{{ languages( { "en": "en/DOM/element.onmouseover", "pl": "pl/DOM/element.onmouseover" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onmouseup/index.html b/files/fr/web/api/globaleventhandlers/onmouseup/index.html new file mode 100644 index 0000000000..c283e36862 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onmouseup/index.html @@ -0,0 +1,20 @@ +--- +title: element.onmouseup +slug: Web/API/GlobalEventHandlers/onmouseup +tags: + - DOM + - DOM_0 + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onmouseup +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onmouseup renvoie le gestionnaire de l'évènement mouseup (bouton de la souris relaché) pour l'élément courant.

+

Syntaxe

+
code de gestion de l'évènement = element.onMouseUp
+
+

Notes

+

L'évènement mouseup se déclenche lorsque l'utilisateur relâche le bouton gauche de la souris.

+

Spécification

+

{{ DOM0() }}

+

{{ languages( { "en": "en/DOM/element.onmouseup" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onreset/index.html b/files/fr/web/api/globaleventhandlers/onreset/index.html new file mode 100644 index 0000000000..e2c6eb2011 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onreset/index.html @@ -0,0 +1,129 @@ +--- +title: GlobalEventHandlers.onreset +slug: Web/API/GlobalEventHandlers/onreset +tags: + - API + - DOM + - Gestionnaires d'évènements + - Propriété + - évènements +translation_of: Web/API/GlobalEventHandlers/onreset +--- +

{{ ApiRef() }}

+ +

La propriété GlobalEventHandlers.onreset contient un {{domxref("EventHandler")}} (gestionnaire d'évènements) déclenché quand un évènement {{event("reset")}} est reçu.

+ +

Syntaxe

+ +
window.onreset = funcRef;
+
+ +

Paramètres

+ + + +

Exemple

+ +
<html>
+<script>
+function reg() {
+  window.captureEvents(Event.RESET);
+  window.onreset = hit;
+}
+
+function hit() {
+ alert('hit');
+}
+</script>
+
+<body onload="reg();">
+ <form>
+   <input type="reset" value="reset" />
+ </form>
+ <div id="d"> </div>
+</body>
+</html>
+
+ +

Notes

+ +

L'évènement reset est déclenché quand l'utilisateur clique sur le bouton de réinitialisation dans un formulaire (<input type="reset"/>).

+ +

Spécification

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onreset','onreset')}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
Basic support{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
diff --git a/files/fr/web/api/globaleventhandlers/onresize/index.html b/files/fr/web/api/globaleventhandlers/onresize/index.html new file mode 100644 index 0000000000..c8dba30afa --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onresize/index.html @@ -0,0 +1,66 @@ +--- +title: element.onresize +slug: Web/API/GlobalEventHandlers/onresize +tags: + - DOM + - DOM_0 +translation_of: Web/API/window.onresize +--- +

{{ ApiRef() }}

+ +

Résumé

+ +

La propriété onresize renvoie le code de gestion onresize de l'élément. Il sert également à définir le code devant s'exécuter lorsqu'un évènement de redimensionnement survient.

+ +

Seul l'objet window possède un évènement onresize.

+ +

Syntaxe

+ +
// attribue une fonction anonyme à onresize
+window.onresize = function(){alert('Redimensionnement de la fenêtre')}
+
+// Attribue la référence d'une fonction à onresize
+function sayHi(){alert('Hi')}
+
+window.onresize = sayHi;
+
+// Montre la valeur de window.onresize
+alert(window.onresize);
+
+ +

Un évènement onresize employé avec des cadres sera lancé à chaque fois que le cadre sera redimensionné soit directement, soit comme résultant du redimensionnement de la fenêtre.

+ +

Exemple

+ +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>exemple avec onresize</title>
+<script type="text/javascript">
+
+function sayHi(){
+  alert('Hi');
+}
+
+window.onresize = sayHi;
+
+</script>
+</head>
+<body>
+<input type="button"
+ value="Cliquez ici pour voir window.onresize"
+ onclick="alert(window.onresize);"
+>
+</body>
+</html>
+ +

Notes

+ +

Un attribut onresize peut être placé sur n'importe quel élément, mais seul l'objet window possède un évènement sur le redimensionnement. Le rédimensionnement d'autres éléments (par exemple, la modification de la largeur ou de la hauteur d'un élément img par un script) ne lancera aucun évènement de redimensionnement.

+ +

Spécification

+ +

{{ DOM0() }}

+ +

{{ languages( { "en": "en/DOM/element.onresize" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onscroll/index.html b/files/fr/web/api/globaleventhandlers/onscroll/index.html new file mode 100644 index 0000000000..5afe8002a1 --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onscroll/index.html @@ -0,0 +1,18 @@ +--- +title: element.onscroll +slug: Web/API/GlobalEventHandlers/onscroll +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/GlobalEventHandlers/onscroll +--- +

{{ ApiRef() }}

+

Résumé

+

La propriété onscroll renvoie le gestionnaire d'évènement scroll pour l'élément courant.

+

Syntaxe

+
code de gestion d'évènement = element.onscroll;
+
+

Notes

+

L'évènement scroll se déclenche lorsque l'utilisateur fait défiler le contenu d'un élément.

+

Spécification

+

DOM Level 0. Ne fait partie d'aucune spécification.

+

{{ languages( { "en": "en/DOM/element.onscroll" } ) }}

diff --git a/files/fr/web/api/globaleventhandlers/onselect/index.html b/files/fr/web/api/globaleventhandlers/onselect/index.html new file mode 100644 index 0000000000..1946c69caa --- /dev/null +++ b/files/fr/web/api/globaleventhandlers/onselect/index.html @@ -0,0 +1,80 @@ +--- +title: GlobalEventHandlers.onselect +slug: Web/API/GlobalEventHandlers/onselect +tags: + - API + - Gestionnaire d'événement + - HTML DOM + - Propriété + - Reference +translation_of: Web/API/GlobalEventHandlers/onselect +--- +
{{ ApiRef("HTML DOM") }}
+ +

La propriété onselect du mixin {{domxref("GlobalEventHandlers")}} est un {{domxref("EventHandler")}} qui traite les événements select.

+ +

L'événement select n'est déclenché qu'après que du texte à l'intérieur d'un {{HtmlElement('input/text', '<input type="text">')}} ou d'un {{HtmlElement("textarea")}} a été sélectionné.

+ +

Syntaxe

+ +
target.onselect = functionRef;
+
+ +

Valeur

+ +

réfFonction est un nom de fonction ou une expression retournant une fonction. La fonction reçoit un objet {{domxref("UIEvent")}} comme unique argument.

+ +

Exemples

+ +

Cet exemple enregistre le texte que vous sélectionnez à l'intérieur d'un élément {{HtmlElement("textarea")}}.

+ +

HTML

+ +
<textarea>Essayez de sélectionner du texte dans cet élément.</textarea>
+<p id="log"></p>
+ +

JavaScript

+ +
function enregistrerSelection(event) {
+  const log = document.getElementById('log');
+  const selection = event.target.value.substring(event.target.selectionStart, event.target.selectionEnd);
+  log.textContent = `Vous avez sélectionné : ${selection}`;
+}
+
+const textarea = document.querySelector('textarea');
+textarea.onselect = enregistrerSelection;
+ +

Résultat

+ +

{{EmbedLiveSample("Examples")}}

+ +

Spécification

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onselect','onselect')}}{{Spec2('HTML WHATWG')}}
+ +

Compatibilité des navigateurs

+ +
+ + +

{{Compat("api.GlobalEventHandlers.onselect")}}

+
+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf