From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/globaleventhandlers/index.md | 421 ++++++++++----------- .../web/api/globaleventhandlers/onabort/index.md | 56 ++- .../api/globaleventhandlers/onauxclick/index.md | 88 ++--- .../fr/web/api/globaleventhandlers/onblur/index.md | 51 ++- .../web/api/globaleventhandlers/onchange/index.md | 60 +-- .../web/api/globaleventhandlers/onclick/index.md | 69 ++-- .../web/api/globaleventhandlers/onclose/index.md | 41 +- .../api/globaleventhandlers/ondblclick/index.md | 81 ++-- .../web/api/globaleventhandlers/onerror/index.md | 111 +++--- .../web/api/globaleventhandlers/onfocus/index.md | 30 +- .../ongotpointercapture/index.md | 55 +-- .../web/api/globaleventhandlers/onkeydown/index.md | 36 +- .../api/globaleventhandlers/onkeypress/index.md | 36 +- .../web/api/globaleventhandlers/onkeyup/index.md | 43 ++- .../fr/web/api/globaleventhandlers/onload/index.md | 42 +- .../web/api/globaleventhandlers/onloadend/index.md | 62 ++- .../api/globaleventhandlers/onloadstart/index.md | 68 ++-- .../api/globaleventhandlers/onmousedown/index.md | 27 +- .../api/globaleventhandlers/onmousemove/index.md | 30 +- .../api/globaleventhandlers/onmouseout/index.md | 27 +- .../api/globaleventhandlers/onmouseover/index.md | 27 +- .../web/api/globaleventhandlers/onmouseup/index.md | 27 +- .../web/api/globaleventhandlers/onreset/index.md | 67 ++-- .../web/api/globaleventhandlers/onresize/index.md | 65 ++-- .../web/api/globaleventhandlers/onscroll/index.md | 27 +- .../web/api/globaleventhandlers/onselect/index.md | 68 ++-- .../web/api/globaleventhandlers/onwheel/index.md | 41 +- 27 files changed, 848 insertions(+), 908 deletions(-) (limited to 'files/fr/web/api/globaleventhandlers') diff --git a/files/fr/web/api/globaleventhandlers/index.md b/files/fr/web/api/globaleventhandlers/index.md index 7c24f31bb7..816fd6e0e6 100644 --- a/files/fr/web/api/globaleventhandlers/index.md +++ b/files/fr/web/api/globaleventhandlers/index.md @@ -8,244 +8,209 @@ tags: - évènements translation_of: Web/API/GlobalEventHandlers --- -
-
{{ ApiRef("HTML DOM") }}
-
+{{ 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.

+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éé.

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

Propriétés

+## 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.

+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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'évènement {{event("focus")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oncancel")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("cancel")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oncanplay")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("canplay")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oncanplaythrough")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("canplaythrough")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onchange")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("change")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onclick")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("click")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onclose")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("close")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oncontextmenu")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("contextmenu")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oncuechange")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("cuechange")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondblclick")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dblclick")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondrag")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("drag")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragend")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragend")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragenter")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragenter")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragexit")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragexit")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragleave")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragleave")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragover")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragover")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondragstart")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("dragstart")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondrop")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("drop")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ondurationchange")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("durationchange")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onemptied")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("emptied")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onended")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsqu'un événement {{event("ended")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ongotpointercapture")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("input")}} est déclenché.
-
{{domxref("GlobalEventHandlers.oninvalid")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("invalid")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onkeydown")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keydown")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onkeypress")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keypress")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onkeyup")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("keyup")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onload")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("load")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onloadeddata")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadeddata")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onloadedmetadata")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadedmetadata")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onloadend")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("loadstart")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onlostpointercapture")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mousedown")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmouseenter")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseenter")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmouseleave")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseleave")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmousemove")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mousemove")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmouseout")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseout")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmouseover")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("mouseover")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onmouseup")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("wheel")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpause")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pause")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onplay")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("play")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onplaying")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("playing")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerdown")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerdown")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointermove")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointermove")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerup")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerup")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointercancel")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointercancel")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerover")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerover")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerout")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerout")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerenter")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerevent")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onpointerleave")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("pointerlockerror")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onprogress")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("progress")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onratechange")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("ratechange")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onreset")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("reset")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onscroll")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("scroll")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onseeked")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("seeked")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onseeking")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("seeking")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onselect")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("select")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onselectstart")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("sort")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onstalled")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("stalled")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onsubmit")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("submit")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onsuspend")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("suspend")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ontimeupdate")}}
-
est un {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("timeupdate")}} est déclenché.
-
{{domxref("GlobalEventHandlers.onvolumechange")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("touchstart")}} est déclenché.
-
{{domxref("GlobalEventHandlers.ontransitioncancel")}}
-
est un {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (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 {{event("Event_handlers", "event handler")}} (gestionnaire d'évènements) représentant le code à appeler lorsque l'événement {{event("waiting")}} est déclenché.
-
+- {{domxref("GlobalEventHandlers.onabort")}} + - : Est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("animationcancel")}} est envoyé, indiquant que l'exécution de l'[animation CSS](/fr/docs/Web/CSS/Animations_CSS) a été abandonnée. +- {{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}} + - : un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("animationend")}} est envoyé, indiquant que l'exécution de l'[animation CSS](/fr/docs/Web/CSS/Animations_CSS) a été abandonnée. +- {{domxref("GlobalEventHandlers.onanimationiteration")}} {{Non-standard_inline}} + - : un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("animationiteration")}} est envoyé , indiquant qu'une [animation CSS](/fr/docs/Web/CSS/Animations_CSS) a commencé à jouer une nouvelle itération de la séquence d'animation. +- {{domxref("GlobalEventHandlers.onanimationstart")}} {{Non-standard_inline}} + - : un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("animationstart")}} est envoyé , indiquant qu'une [animation CSS](/fr/docs/Web/CSS/Animations_CSS) a commencé. +- {{domxref("GlobalEventHandlers.onauxclick")}} {{Non-standard_inline}} + - : un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'évènement {{event("focus")}} est déclenché. +- {{domxref("GlobalEventHandlers.oncancel")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("cancel")}} est déclenché. +- {{domxref("GlobalEventHandlers.oncanplay")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("canplay")}} est déclenché. +- {{domxref("GlobalEventHandlers.oncanplaythrough")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("canplaythrough")}} est déclenché. +- {{domxref("GlobalEventHandlers.onchange")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("change")}} est déclenché. +- {{domxref("GlobalEventHandlers.onclick")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("click")}} est déclenché. +- {{domxref("GlobalEventHandlers.onclose")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("close")}} est déclenché. +- {{domxref("GlobalEventHandlers.oncontextmenu")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("contextmenu")}} est déclenché. +- {{domxref("GlobalEventHandlers.oncuechange")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("cuechange")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondblclick")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dblclick")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondrag")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("drag")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragend")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragend")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragenter")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragenter")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragexit")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragexit")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragleave")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragleave")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragover")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragover")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondragstart")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("dragstart")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondrop")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("drop")}} est déclenché. +- {{domxref("GlobalEventHandlers.ondurationchange")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("durationchange")}} est déclenché. +- {{domxref("GlobalEventHandlers.onemptied")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("emptied")}} est déclenché. +- {{domxref("GlobalEventHandlers.onended")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsqu'un événement {{event("ended")}} est déclenché. +- {{domxref("GlobalEventHandlers.ongotpointercapture")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("input")}} est déclenché. +- {{domxref("GlobalEventHandlers.oninvalid")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("invalid")}} est déclenché. +- {{domxref("GlobalEventHandlers.onkeydown")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("keydown")}} est déclenché. +- {{domxref("GlobalEventHandlers.onkeypress")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("keypress")}} est déclenché. +- {{domxref("GlobalEventHandlers.onkeyup")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("keyup")}} est déclenché. +- {{domxref("GlobalEventHandlers.onload")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("load")}} est déclenché. +- {{domxref("GlobalEventHandlers.onloadeddata")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("loadeddata")}} est déclenché. +- {{domxref("GlobalEventHandlers.onloadedmetadata")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("loadedmetadata")}} est déclenché. +- {{domxref("GlobalEventHandlers.onloadend")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("loadstart")}} est déclenché. +- {{domxref("GlobalEventHandlers.onlostpointercapture")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mousedown")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmouseenter")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mouseenter")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmouseleave")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mouseleave")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmousemove")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mousemove")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmouseout")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mouseout")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmouseover")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("mouseover")}} est déclenché. +- {{domxref("GlobalEventHandlers.onmouseup")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("wheel")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpause")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pause")}} est déclenché. +- {{domxref("GlobalEventHandlers.onplay")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("play")}} est déclenché. +- {{domxref("GlobalEventHandlers.onplaying")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("playing")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerdown")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerdown")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointermove")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointermove")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerup")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerup")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointercancel")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointercancel")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerover")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerover")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerout")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerout")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerenter")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerevent")}} est déclenché. +- {{domxref("GlobalEventHandlers.onpointerleave")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("pointerlockerror")}} est déclenché. +- {{domxref("GlobalEventHandlers.onprogress")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("progress")}} est déclenché. +- {{domxref("GlobalEventHandlers.onratechange")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("ratechange")}} est déclenché. +- {{domxref("GlobalEventHandlers.onreset")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("reset")}} est déclenché. +- {{domxref("GlobalEventHandlers.onscroll")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("scroll")}} est déclenché. +- {{domxref("GlobalEventHandlers.onseeked")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("seeked")}} est déclenché. +- {{domxref("GlobalEventHandlers.onseeking")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("seeking")}} est déclenché. +- {{domxref("GlobalEventHandlers.onselect")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("select")}} est déclenché. +- {{domxref("GlobalEventHandlers.onselectstart")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("sort")}} est déclenché. +- {{domxref("GlobalEventHandlers.onstalled")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("stalled")}} est déclenché. +- {{domxref("GlobalEventHandlers.onsubmit")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("submit")}} est déclenché. +- {{domxref("GlobalEventHandlers.onsuspend")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("suspend")}} est déclenché. +- {{domxref("GlobalEventHandlers.ontimeupdate")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("timeupdate")}} est déclenché. +- {{domxref("GlobalEventHandlers.onvolumechange")}} + - : est un {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_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 {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("touchstart")}} est déclenché. +- {{domxref("GlobalEventHandlers.ontransitioncancel")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("transitioncancel")}} est envoyé, indiquant qu'une [transition CSS](/fr/docs/Web/CSS/CSS_Transitions) a été abandonnée. +- {{domxref("GlobalEventHandlers.ontransitionend")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) appelé lorsqu'un évènement {{event("transitionend")}} est envoyé, indiquant qu'une [transition CSS](/fr/docs/Web/CSS/CSS_Transitions) est terminée. +- {{domxref("GlobalEventHandlers.onwaiting")}} + - : est un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) représentant le code à appeler lorsque l'événement {{event("waiting")}} est déclenché. -

Méthodes

+## Méthodes -

Cette interface ne définit aucune méthode.

+_Cette interface ne définit aucune méthode._ -

Spécifications

+## 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.
+| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ | +| {{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')}} | Ajoute`onpointerlockchange` 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

+## Compatibilité des navigateurs -

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

+{{Compat("api.GlobalEventHandlers")}} -

Voir aussi

+## Voir aussi - +- {{domxref("Element")}} +- {{event("Event_handlers", "event handler")}} +- {{domxref("Event")}} diff --git a/files/fr/web/api/globaleventhandlers/onabort/index.md b/files/fr/web/api/globaleventhandlers/onabort/index.md index 746e9fa76e..85348853fa 100644 --- a/files/fr/web/api/globaleventhandlers/onabort/index.md +++ b/files/fr/web/api/globaleventhandlers/onabort/index.md @@ -9,46 +9,34 @@ tags: - Window translation_of: Web/API/GlobalEventHandlers/onabort --- -
{{ ApiRef("HTML DOM") }}
+{{ ApiRef("HTML DOM") }} -

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

+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.

+Bien que le [standard pour l'abandon d'un chargement de document](https://html.spec.whatwg.org/multipage/browsing-the-web.html#abort-a-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.

+À 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

+## Syntaxe -
window.onabort = refFonc
-
+ window.onabort = refFonc - +- `refFonc` : référence à une fonction -

Exemple

+## Exemple -
window.onabort = function() {
+```js
+window.onabort = function() {
   alert("Chargement interrompu.");
-}
- -

Spécification

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

Compatibilité des navigateurs

- -

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

+} +``` + +## Spécification + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onabort','onabort')}} | {{Spec2('HTML WHATWG')}} |   | + +## Compatibilité des navigateurs + +{{Compat("api.GlobalEventHandlers.onabort")}} diff --git a/files/fr/web/api/globaleventhandlers/onauxclick/index.md b/files/fr/web/api/globaleventhandlers/onauxclick/index.md index edf6be44f6..b9024e55b8 100644 --- a/files/fr/web/api/globaleventhandlers/onauxclick/index.md +++ b/files/fr/web/api/globaleventhandlers/onauxclick/index.md @@ -8,32 +8,30 @@ tags: - Reference translation_of: Web/API/GlobalEventHandlers/onauxclick --- -
{{ApiRef("HTML DOM")}} {{SeeCompatTable}}
+{{ApiRef("HTML DOM")}} {{SeeCompatTable}} -

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

+La propriété **`onauxclick`** du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} 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.

+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.

-
+> **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

+## Syntaxe -
target.onauxclick = functionRef;
-
+ target.onauxclick = functionRef; -

Valeur

+### 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é.

+`functionRef` est un nom de fonction ou une [function expression](/en-US/docs/Web/JavaScript/Reference/Operators/function). La fonction reçoit un objet {{domxref("MouseEvent")}} comme seul argument. Dans la fonction, [`this`](/en-US/docs/Web/JavaScript/Reference/Operators/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.

+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

+## 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).

+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](https://mdn.github.io/dom-examples/auxclick/); également [voir le code source](https://github.com/mdn/dom-examples/blob/master/auxclick/index.html)). -
var button = document.querySelector('button');
+```js
+var button = document.querySelector('button');
 var html = document.querySelector('html');
 
 function random(number) {
@@ -48,41 +46,25 @@ button.onclick = function() {
 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

- - +} +``` + +> **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écification | Statut | Commentaire | +| -------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| {{SpecName('UI Events','#event-type-auxclick','onauxclick')}} | {{Spec2('UI Events')}} | | + +## Compatibilité des navigateurs + +{{Compat("api.GlobalEventHandlers.onauxclick")}} + +## Voir également + +- {{event("auxclick")}} event +- Related event handlers + + - {{domxref("GlobalEventHandlers.onclick")}} + - {{domxref("GlobalEventHandlers.ondblclick")}} diff --git a/files/fr/web/api/globaleventhandlers/onblur/index.md b/files/fr/web/api/globaleventhandlers/onblur/index.md index ea3ed43e43..1ae6bb272a 100644 --- a/files/fr/web/api/globaleventhandlers/onblur/index.md +++ b/files/fr/web/api/globaleventhandlers/onblur/index.md @@ -6,35 +6,34 @@ tags: - DOM_0 translation_of: Web/API/GlobalEventHandlers/onblur --- -

{{ ApiRef() }}

+{{ ApiRef() }} -

Résumé

+### Résumé -

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

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

Syntaxe

+### Syntaxe -
element.onblur = nomFonctionUtilisateur;
-
+ element.onblur = nomFonctionUtilisateur; - +- `nomFonctionUtilisateur` est le nom de la fonction utilisateur préalablement définie, sans les parenthèses ni aucun argument. Il est également possible de déclarer une « fonction anonyme », comme : -
element.onblur = function() {
-    alert("Évènement onblur détecté");
-};
-
+ -

Exemple

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

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

+### Exemple -
<form>
-	<input type="text" id="foo" value="Allo!" />
-</form>
+Lorsqu'une zone de saisie n'est plus active suite à une perte du « focus », une boîte de message (alert) est affichée.
 
-<script type="text/javascript">
+```html
+
+ +
+ + +``` -

Notes

+### Notes -

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

+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.

+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

+### Spécification -

{{ DOM0() }}

\ No newline at end of file +{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onchange/index.md b/files/fr/web/api/globaleventhandlers/onchange/index.md index 577350c6a0..bb1eff3e49 100644 --- a/files/fr/web/api/globaleventhandlers/onchange/index.md +++ b/files/fr/web/api/globaleventhandlers/onchange/index.md @@ -7,29 +7,37 @@ tags: - 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

- \ No newline at end of file +{{ 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 + +- [DOM Level 2: HTML event types](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-htmlevents) — traduction en français (non normative) : [DOM Niveau 2 Events : Les types d'événements HTML](http://www.yoyodesign.org/doc/w3c/dom2-events/events.html#Events-eventgroupings-htmlevents) diff --git a/files/fr/web/api/globaleventhandlers/onclick/index.md b/files/fr/web/api/globaleventhandlers/onclick/index.md index 73354e541b..3c09f4fd85 100644 --- a/files/fr/web/api/globaleventhandlers/onclick/index.md +++ b/files/fr/web/api/globaleventhandlers/onclick/index.md @@ -3,32 +3,33 @@ title: element.onclick slug: Web/API/GlobalEventHandlers/onclick translation_of: Web/API/GlobalEventHandlers/onclick --- -

{{ ApiRef() }}

+{{ ApiRef() }} -

Résumé

+### Résumé -

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

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

Syntaxe

+### Syntaxe -

element.onclick = functionRef

+`element.onclick = functionRef` -

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

+où _functionRef_ est une fonction ou une expression de type _function._ Consulter la [référence des fonctions](/en-US/docs/JavaScript/Reference/Functions_and_function_scope) 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") }}.

+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

+### Exemple -
<!doctype html>
-<html>
-<head>
-<title>onclick event example</title>
-<script type="text/javascript">
+```html
+
+
+
+onclick event example
+
+
+
+
+Mon Span à cliquer
+

Cliquez sur l'élément ci-dessus.

+ + +``` + +Vous pouvez aussi utiliser la syntaxe des fonctions déclarées en ligne, anonymes ou non. + +```js +// affectation de fonction anonyme declarée en ligne p.onclick = function() { alert("moot!"); }; -
+``` -

Notes

+### Notes -

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

+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.

+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

+### Spécification -

Defini en HTML.

+Defini en [HTML](http://w3c.github.io/html/webappapis.html#dom-globaleventhandlers-onclick). diff --git a/files/fr/web/api/globaleventhandlers/onclose/index.md b/files/fr/web/api/globaleventhandlers/onclose/index.md index 757077c904..bf698535b2 100644 --- a/files/fr/web/api/globaleventhandlers/onclose/index.md +++ b/files/fr/web/api/globaleventhandlers/onclose/index.md @@ -9,39 +9,26 @@ tags: - Reference translation_of: Web/API/GlobalEventHandlers/onclose --- -
{{ApiRef("HTML DOM")}}
+{{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).

+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

+## Syntaxe -
window.onclose = funcRef;
-
+ window.onclose = funcRef; -

Paramètres

+### Paramètres - +- `funcRef` est une fonction. -

Exemple

+## Exemple -
window.onclose = resetThatServerThing;
-
+```js +window.onclose = resetThatServerThing; +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationStatutCommentaires
{{SpecName('HTML WHATWG','webappapis.html#handler-onclose','onclose')}}{{Spec2('HTML WHATWG')}} 
+| Spécification | Statut | Commentaires | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------------ | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onclose','onclose')}} | {{Spec2('HTML WHATWG')}} |   | diff --git a/files/fr/web/api/globaleventhandlers/ondblclick/index.md b/files/fr/web/api/globaleventhandlers/ondblclick/index.md index 81e25a91e3..db9380a8bd 100644 --- a/files/fr/web/api/globaleventhandlers/ondblclick/index.md +++ b/files/fr/web/api/globaleventhandlers/ondblclick/index.md @@ -7,24 +7,31 @@ tags: - 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">
+{{ ApiRef() }}
+
+### Résumé
+
+La propriété **ondblclick** renvoie le gestionnaire d'évènement `dblclick` de l'élément courant.
+
+### Syntaxe
+
+    element.ondblclick = nomDeFonction;
+
+- `nomDeFonction` est le nom d'une fonction définie par l'utilisateur, sans les parenthèses ni aucun paramètre. Il peut également s'agir d'une déclaration de fonction anonyme, comme :
+
+
+
+    element.ondblclick = function() { alert("Évènement dblclick détecté"); };
+
+### Exemple
+
+```html
+
+
+
+ondblclick event example
+
+
 
-<style type="text/css">
-<!--
+
+
+
+
+Mon élément
+

Double-cliquez sur l'élément ci-dessus.

+ + +``` + +### Notes + +L'évènement `dblclick` est déclenché lorsque l'utilisateur double-clique sur un élément. + +### Spécification + +{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onerror/index.md b/files/fr/web/api/globaleventhandlers/onerror/index.md index 1f44c2033c..b25ada424d 100644 --- a/files/fr/web/api/globaleventhandlers/onerror/index.md +++ b/files/fr/web/api/globaleventhandlers/onerror/index.md @@ -8,89 +8,74 @@ tags: - Reference translation_of: Web/API/GlobalEventHandlers/onerror --- -
{{ApiRef("HTML DOM")}}
+{{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:

+Un [gestionnaire d'événement](/en-US/docs/Web/Guide/Events/Event_handlers) pour l'événement [`error`](/en-US/docs/Web/Events/error). Des événements d'erreur sont déclenchés vers diverses cibles et pour différents types d'erreurs: -
    -
  • Lorsqu'une erreur de runtime JavaScript se produit (erreurs de syntaxe comprises), un évènement error utilisant l'interface {{domxref("ErrorEvent")}} est envoyé à {{domxref("window")}}, et window.onerror() est appelé.
  • -
  • Lorsque le chargement d'une ressource (telle que {{HTMLElement("img")}} ou {{HTMLElement("script")}}) échoue, un événement error utilisant l'interface {{domxref("Event")}} est déclenché sur l'élément qui a initié le chargement, et le gestionnaire onerror() de l'élément est invoqué. Ces évènements d'erreur ne remontent pas à window, mais (au moins dans FireFox) ils peuvent être gérés par une unique capture {{domxref("window.addEventListener")}}.
  • -
+- Lorsqu'une **erreur de runtime JavaScript** se produit (erreurs de syntaxe comprises), un évènement [`error`](/en-US/docs/Web/Events/error) utilisant l'interface {{domxref("ErrorEvent")}} est envoyé à {{domxref("window")}}, et `window.onerror()` est appelé. +- Lorsque le **chargement d'une ressource** (telle que {{HTMLElement("img")}} ou {{HTMLElement("script")}}) **échoue**, un événement [`error`](/en-US/docs/Web/Events/error) utilisant l'interface {{domxref("Event")}} est déclenché sur l'élément qui a initié le chargement, et le gestionnaire `onerror()` de l'élément est invoqué. Ces évènements d'erreur ne remontent pas à window, mais (au moins dans FireFox) ils peuvent être gérés par une unique capture {{domxref("window.addEventListener")}}. -

Syntaxe

+## Syntaxe -

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

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

window.onerror

+### window\.onerror -
window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... }
+```js +window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... } +``` -

Paramètres de la fonction :

+Paramètres de la fonction : -
    -
  • message : message d'erreur (chaîne ou objet évènement). Disponible comme event (sic !) dans le gestionnaire de HTML onerror="" et aussi comme objet évènement lors de l'envoi d'un Event à window, auquel cas les autres arguments ne seront pas fournis (au contraire de ErrorEvent, qui amène le passage de l'ensemble complet des arguments à window.onerror, tandis que seul l'objet d'évènement d'erreur est  passé aux gestionnaires de window.addEventListener('error'))
  • -
  • source : l'URL du script où l'erreur a été déclenchée (chaîne)
  • -
  • noligne : le numéro de ligne où l'erreur a été déclenchée (nombre)
  • -
  • nocolonne : le numéro de colonne où l'erreur a été déclenchée (nombre)
  • -
  • erreur : un Error Object (objet) {{gecko_minversion_inline("31.0")}}
  • -
+- `message `: message d'erreur (chaîne ou objet évènement). Disponible comme `event` (sic !) dans le gestionnaire de HTML `onerror=""` et aussi comme objet évènement lors de l'envoi d'un [Event](/en-US/docs/Web/API/Event) à `window,` auquel cas les autres arguments ne seront pas fournis (au contraire de [ErrorEvent](/en-US/docs/Web/API/ErrorEvent), qui amène le passage de l'ensemble complet des arguments à `window.onerror`, tandis que seul l'objet d'évènement d'erreur est  passé aux gestionnaires de` window.addEventListener('error'))` +- source : l'URL du script où l'erreur a été déclenchée (chaîne) +- noligne : le numéro de ligne où l'erreur a été déclenchée (nombre) +- nocolonne : le numéro de colonne où l'erreur a été déclenchée (nombre) +- erreur : un [Error Object](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error) (objet) {{gecko_minversion_inline("31.0")}} -

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

+### element.onerror (et `window.addEventListener('error')`) -
element.onerror = function(event) { ... }
+ element.onerror = function(event) { ... } -

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

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

Notes

+## 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.

+Quand une erreur de syntaxe**(?)** se produit dans un script chargé à partir d'une [origine différente](/en-US/docs/Web/Security/Same-origin_policy), 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](/en-US/docs/Web/HTTP/Access_control_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(' - ');
+    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);
-    }
+            alert(message);
+        }
 
-    return false;
-};
+ 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 eventsourcelinenocolnoerror. Dans les navigteurs qui n'ont pas implémenté cette obligation, ils peuvent toujours être obtenus via arguments[0] à arguments[2].

+Lors de l'utilisation du balisage html intégré (\Spécifications +## Spécifications - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onerror','onerror')}}{{Spec2('HTML WHATWG')}} 
+| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onerror','onerror')}} | {{Spec2('HTML WHATWG')}} |   | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("api.GlobalEventHandlers.onerror")}} -

Voir aussi

+## Voir aussi - +- [Capture and report JavaScript errors with window.onerror (blog.getsentry.com, 2016)](http://blog.getsentry.com/2016/01/04/client-javascript-reporting-window-onerror.html) +- [How to catch JavaScript Errors with window.onerror (even on Chrome and Firefox) (danlimerick.wordpress.com, 2014)](https://danlimerick.wordpress.com/2014/01/18/how-to-catch-javascript-errors-with-window-onerror-even-on-chrome-and-firefox/) diff --git a/files/fr/web/api/globaleventhandlers/onfocus/index.md b/files/fr/web/api/globaleventhandlers/onfocus/index.md index e7f9702f3f..f8b2de65f5 100644 --- a/files/fr/web/api/globaleventhandlers/onfocus/index.md +++ b/files/fr/web/api/globaleventhandlers/onfocus/index.md @@ -7,14 +7,22 @@ tags: - 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() }}

\ No newline at end of file +{{ 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() }} diff --git a/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.md b/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.md index 02508798b1..5401fc38c2 100644 --- a/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.md +++ b/files/fr/web/api/globaleventhandlers/ongotpointercapture/index.md @@ -3,21 +3,20 @@ title: GlobalEventHandlers.ongotpointercapture slug: Web/API/GlobalEventHandlers/ongotpointercapture translation_of: Web/API/GlobalEventHandlers/ongotpointercapture --- -
{{ApiRef("HTML DOM")}}
+{{ApiRef("HTML DOM")}}La propriété **`ongotpointercapture`** du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} qui traite les évènements de type {{event("gotpointercapture")}}. -
La propriété ongotpointercapture du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} qui traite les évènements de type {{event("gotpointercapture")}}.
+## Syntaxe -

Syntaxe

+ target.ongotpointercapture = functionRef; -
target.ongotpointercapture = functionRef;
+### Valeur -

Valeur

+`functionRef` est un nom de fonction ou une [expression fonction](/en-US/docs/Web/JavaScript/Reference/Operators/function). La fonction accepte un objet {{domxref("FocusEvent")}} en tant qu'unique argument. -

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

+## Example -

Example

- -
function overHandler(event) {
+```js
+function overHandler(event) {
   // Obtient le gestionnaire de type "gotpointercapture" de la cible de l'événement
   let gotCaptureHandler = event.target.ongotpointercapture;
 }
@@ -25,35 +24,21 @@ translation_of: Web/API/GlobalEventHandlers/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

+## Spécifications +| Spécification | Status | Commentaire | +| -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ----------- | +| {{SpecName('Pointer Events 2', '#the-gotpointercapture-event', 'onlostpointercapture')}} | {{Spec2('Pointer Events 2')}} |   | +## Compatibilité des navigateurs -

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

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

Voir aussi

+## Voir aussi - +- L'évènement [`Document: gotpointercapture`](/en-US/docs/Web/API/Document/gotpointercapture_event) +- L'évènement [`Element: gotpointercapture`](/en-US/docs/Web/API/Element/gotpointercapture_event) +- {{domxref("Element.setPointerCapture()")}} diff --git a/files/fr/web/api/globaleventhandlers/onkeydown/index.md b/files/fr/web/api/globaleventhandlers/onkeydown/index.md index 0b2e1762b3..b280fea9ad 100644 --- a/files/fr/web/api/globaleventhandlers/onkeydown/index.md +++ b/files/fr/web/api/globaleventhandlers/onkeydown/index.md @@ -7,16 +7,26 @@ tags: - 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() }}

\ No newline at end of file +{{ 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](/fr/DOM/element.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](/fr/DOM/element.onkeypress) [onkeyup](/fr/DOM/element.onkeyup) + +### Spécification + +{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onkeypress/index.md b/files/fr/web/api/globaleventhandlers/onkeypress/index.md index e22a9435d9..42a8889bf9 100644 --- a/files/fr/web/api/globaleventhandlers/onkeypress/index.md +++ b/files/fr/web/api/globaleventhandlers/onkeypress/index.md @@ -7,16 +7,26 @@ tags: - 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() }}

\ No newline at end of file +{{ 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](/fr/DOM/element.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](/fr/DOM/element.onkeydown) [onkeyup](/fr/DOM/element.onkeyup) + +### Spécification + +{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onkeyup/index.md b/files/fr/web/api/globaleventhandlers/onkeyup/index.md index 22c189fd6c..cc068b3dd8 100644 --- a/files/fr/web/api/globaleventhandlers/onkeyup/index.md +++ b/files/fr/web/api/globaleventhandlers/onkeyup/index.md @@ -5,18 +5,31 @@ 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.

\ No newline at end of file +{{ 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 + +```html + + +``` + +### 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](/fr/DOM/element.onkeypress) [onkeydown](/fr/DOM/element.onkeydown) + +### Spécification + +Ne fait partie d'aucune spécification. diff --git a/files/fr/web/api/globaleventhandlers/onload/index.md b/files/fr/web/api/globaleventhandlers/onload/index.md index e1c9c1d4c7..2f01d7a6eb 100644 --- a/files/fr/web/api/globaleventhandlers/onload/index.md +++ b/files/fr/web/api/globaleventhandlers/onload/index.md @@ -5,20 +5,28 @@ 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

-
    -
  • refFct est une référence à une fonction.
  • -
-

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.

\ No newline at end of file +{{ ApiRef() }} + +### Résumé + +Un gestionnaire d'évènement pour l'évènement `load` (chargement) de la fenêtre. + +### Syntaxe + + window.onload = refFct; + +### Paramètres + +- `refFct` est une référence à une fonction. + +### 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. diff --git a/files/fr/web/api/globaleventhandlers/onloadend/index.md b/files/fr/web/api/globaleventhandlers/onloadend/index.md index dfa1f3a113..e62f46a6f7 100644 --- a/files/fr/web/api/globaleventhandlers/onloadend/index.md +++ b/files/fr/web/api/globaleventhandlers/onloadend/index.md @@ -9,28 +9,30 @@ tags: - évènements translation_of: Web/API/GlobalEventHandlers/onloadend --- -
{{ApiRef}}
+{{ApiRef}} -

La propriété onloadend du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (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).

+La propriété **`onloadend`** du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (_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

+## Syntaxe -
img.onloadend = funcRef;
-
+ img.onloadend = funcRef; -

Valeur

+### Valeur -

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

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

Exemples

+## Exemples -

Contenu HTML

+### Contenu HTML -
<img src="myImage.jpg">
+```html + +``` -

Contenu JavaScript

+### Contenu JavaScript -
// 'loadstart' est le premier lancé, puis 'load', puis 'loadend'
+```js
+// 'loadstart' est le premier lancé, puis 'load', puis 'loadend'
 
 image.addEventListener('load', function(e) {
   console.log('Image loaded');
@@ -42,27 +44,15 @@ image.addEventListener('loadstart', function(e) {
 
 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

- -

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

+}); +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- | +| {{SpecName("HTML WHATWG", "webappapis.html#handler-onloadend", "onloadend")}} | {{Spec2("HTML WHATWG")}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.GlobalEventHandlers.onloadend")}} diff --git a/files/fr/web/api/globaleventhandlers/onloadstart/index.md b/files/fr/web/api/globaleventhandlers/onloadstart/index.md index 8dd07ad991..e9f0da2f5c 100644 --- a/files/fr/web/api/globaleventhandlers/onloadstart/index.md +++ b/files/fr/web/api/globaleventhandlers/onloadstart/index.md @@ -9,28 +9,30 @@ tags: - évènements translation_of: Web/API/GlobalEventHandlers/onloadstart --- -
{{ApiRef}}
+{{ApiRef}} -

La propriété onloadstart du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (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).

+La propriété **`onloadstart`** du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (_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

+## Syntaxe -
img.onloadstart = funcRef;
-
+ img.onloadstart = funcRef; -

Valeur

+### Valeur -

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

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

Exemples

+## Exemples -

Contenu HTML

+### Contenu HTML -
<img src="myImage.jpg">
+```html + +``` -

Contenu JavaScript

+### Contenu JavaScript -
// 'loadstart' est lancé le premier, puis 'load', puis 'loadend'
+```js
+// 'loadstart' est lancé le premier, puis 'load', puis 'loadend'
 
 image.addEventListener('load', function(e) {
   console.log('Image loaded');
@@ -42,33 +44,15 @@ image.addEventListener('loadstart', function(e) {
 
 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")}}

-
-
+}); +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------ | -------------------------------- | -------------------- | +| {{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.md b/files/fr/web/api/globaleventhandlers/onmousedown/index.md index ddc16d114f..77e14f71e0 100644 --- a/files/fr/web/api/globaleventhandlers/onmousedown/index.md +++ b/files/fr/web/api/globaleventhandlers/onmousedown/index.md @@ -7,13 +7,20 @@ tags: - 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() }}

\ No newline at end of file +{{ 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() }} diff --git a/files/fr/web/api/globaleventhandlers/onmousemove/index.md b/files/fr/web/api/globaleventhandlers/onmousemove/index.md index 0521bff2f8..07ecef1a1e 100644 --- a/files/fr/web/api/globaleventhandlers/onmousemove/index.md +++ b/files/fr/web/api/globaleventhandlers/onmousemove/index.md @@ -7,31 +7,33 @@ tags: - Référence_du_DOM_Gecko translation_of: Web/API/GlobalEventHandlers/onmousemove --- -

{{ ApiRef() }}

+{{ ApiRef() }} -

Résumé

+### Résumé -

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

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

Syntax

+### Syntax -

element.onmousemove = functionRef

+`element.onmousemove = functionRef` -

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

+où _functionRef_ est une fonction ou une expression de type _function._ Consulter la [référence des fonctions](/en-US/docs/JavaScript/Reference/Functions_and_function_scope) 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") }}.

+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

+### Exemple -
document.body.onmousemove = event => {
+```js
+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

+### Notes -

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

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

Spécification

+### Spécification -

{{ DOM0() }}

+{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onmouseout/index.md b/files/fr/web/api/globaleventhandlers/onmouseout/index.md index 89d6a49b93..8574ace6b6 100644 --- a/files/fr/web/api/globaleventhandlers/onmouseout/index.md +++ b/files/fr/web/api/globaleventhandlers/onmouseout/index.md @@ -7,13 +7,20 @@ tags: - 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() }}

\ No newline at end of file +{{ 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() }} diff --git a/files/fr/web/api/globaleventhandlers/onmouseover/index.md b/files/fr/web/api/globaleventhandlers/onmouseover/index.md index cd357f569f..1ab1660d55 100644 --- a/files/fr/web/api/globaleventhandlers/onmouseover/index.md +++ b/files/fr/web/api/globaleventhandlers/onmouseover/index.md @@ -5,13 +5,20 @@ 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.

\ No newline at end of file +{{ 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. diff --git a/files/fr/web/api/globaleventhandlers/onmouseup/index.md b/files/fr/web/api/globaleventhandlers/onmouseup/index.md index 554d073793..766da9723d 100644 --- a/files/fr/web/api/globaleventhandlers/onmouseup/index.md +++ b/files/fr/web/api/globaleventhandlers/onmouseup/index.md @@ -7,13 +7,20 @@ tags: - 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() }}

\ No newline at end of file +{{ 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() }} diff --git a/files/fr/web/api/globaleventhandlers/onreset/index.md b/files/fr/web/api/globaleventhandlers/onreset/index.md index 40d2325e6f..8227bf6d7a 100644 --- a/files/fr/web/api/globaleventhandlers/onreset/index.md +++ b/files/fr/web/api/globaleventhandlers/onreset/index.md @@ -9,25 +9,23 @@ tags: - évènements translation_of: Web/API/GlobalEventHandlers/onreset --- -

{{ ApiRef() }}

+{{ ApiRef() }} -

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

+La propriété **`GlobalEventHandlers.onreset`** contient un {{event("Event_handlers", "event handler")}} (_gestionnaire d'évènements_) déclenché quand un évènement {{event("reset")}} est reçu. -

Syntaxe

+## Syntaxe -
window.onreset = funcRef;
-
+ window.onreset = funcRef; -

Paramètres

+### Paramètres -
    -
  • funcRef est une référence à une fonction.
  • -
+- `funcRef` est une référence à une fonction. -

Exemple

+## Exemple -
<html>
-<script>
+```html
+
+
 
-<body onload="reg();">
- <form>
-   <input type="reset" value="reset" />
- </form>
- <div id="d"> </div>
-</body>
-</html>
-
+ +
+ +
+
 
+ + +``` -

Notes

+## Notes -

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

+L'évènement `reset` est déclenché quand l'utilisateur clique sur le bouton de réinitialisation dans un formulaire (``). -

Spécification

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

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("api.GlobalEventHandlers.onreset")}} diff --git a/files/fr/web/api/globaleventhandlers/onresize/index.md b/files/fr/web/api/globaleventhandlers/onresize/index.md index 02ef0ffba5..3ee94157c2 100644 --- a/files/fr/web/api/globaleventhandlers/onresize/index.md +++ b/files/fr/web/api/globaleventhandlers/onresize/index.md @@ -7,38 +7,38 @@ tags: translation_of: Web/API/window.onresize translation_of_original: Web/API/Element.onresize --- -

{{ ApiRef() }}

+{{ ApiRef() }} -

Résumé

+### 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.

+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.

+Seul l'objet _window_ possède un évènement `onresize`. -

Syntaxe

+### Syntaxe -
// attribue une fonction anonyme à onresize
-window.onresize = function(){alert('Redimensionnement de la fenêtre')}
+    // 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')}
+    // Attribue la référence d'une fonction à onresize
+    function sayHi(){alert('Hi')}
 
-window.onresize = sayHi;
+    window.onresize = sayHi;
 
-// Montre la valeur de window.onresize
-alert(window.onresize);
-
+ // 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.

+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

+### 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">
+```html
+
+
+
+exemple avec onresize
+
+
+
+
+>
+
+
+```
 
-

Notes

+### 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.

+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

+### Spécification -

{{ DOM0() }}

\ No newline at end of file +{{ DOM0() }} diff --git a/files/fr/web/api/globaleventhandlers/onscroll/index.md b/files/fr/web/api/globaleventhandlers/onscroll/index.md index 7ae7447408..6c6146811e 100644 --- a/files/fr/web/api/globaleventhandlers/onscroll/index.md +++ b/files/fr/web/api/globaleventhandlers/onscroll/index.md @@ -5,13 +5,20 @@ 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.

\ No newline at end of file +{{ 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. diff --git a/files/fr/web/api/globaleventhandlers/onselect/index.md b/files/fr/web/api/globaleventhandlers/onselect/index.md index fea6ba3dde..f2b8e48654 100644 --- a/files/fr/web/api/globaleventhandlers/onselect/index.md +++ b/files/fr/web/api/globaleventhandlers/onselect/index.md @@ -9,68 +9,58 @@ tags: - Reference translation_of: Web/API/GlobalEventHandlers/onselect --- -
{{ ApiRef("HTML DOM") }}
+{{ ApiRef("HTML DOM") }} -

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

+La propriété **`onselect`** du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} qui traite les événements [`select`](/fr-FR/docs/Web/API/Element/select_event). -

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é.

+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

+## Syntaxe -
target.onselect = functionRef;
-
+ target.onselect = functionRef; -

Valeur

+### 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.

+`réfFonction` est un nom de fonction ou une [expression retournant une fonction](/fr-FR/docs/Web/JavaScript/Reference/Operators/function). La fonction reçoit un objet {{domxref("UIEvent")}} comme unique argument. -

Exemples

+## Exemples -

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

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

HTML

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

+``` -

JavaScript

+### JavaScript -
function enregistrerSelection(event) {
+```js
+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;
+textarea.onselect = enregistrerSelection; +``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Examples")}}

+{{EmbedLiveSample("Examples")}} -

Spécification

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

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

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

Voir aussi

+## Voir aussi - +- L'événement [`select`](/fr-FR/docs/Web/API/Element/select_event) diff --git a/files/fr/web/api/globaleventhandlers/onwheel/index.md b/files/fr/web/api/globaleventhandlers/onwheel/index.md index 00be813af4..2c85e2e382 100644 --- a/files/fr/web/api/globaleventhandlers/onwheel/index.md +++ b/files/fr/web/api/globaleventhandlers/onwheel/index.md @@ -10,38 +10,27 @@ tags: translation_of: Web/API/GlobalEventHandlers/onwheel original_slug: Web/API/Element/onwheel --- -

{{ ApiRef("DOM") }}

+{{ ApiRef("DOM") }} -

La propriété onwheel renvoie le code du gestionnaire d'évènements onwheel de l'élément courrant.

+La propriété `onwheel` renvoie le code du gestionnaire d'évènements `onwheel` de l'élément courrant. -

Syntaxe

+## Syntaxe -
element.onwheel = function() { .. }
+```js +element.onwheel = function() { .. } +``` -

Spécification

+## Spécification - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG','webappapis.html#handler-onwheel','onwheel')}}{{Spec2('HTML WHATWG')}} 
+| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onwheel','onwheel')}} | {{Spec2('HTML WHATWG')}} |   | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("api.GlobalEventHandlers.onwheel")}} -

Voir aussi

+## Voir aussi - \ No newline at end of file +- [Document: `wheel` event](/fr/docs/Web/API/Document/wheel_event) +- [Element: `wheel` event](/fr/docs/Web/API/Element/wheel_event) -- cgit v1.2.3-54-g00ecf