diff options
Diffstat (limited to 'files/fr/web/api/globaleventhandlers')
27 files changed, 848 insertions, 908 deletions
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 --- -<div> -<div>{{ ApiRef("HTML DOM") }}</div> -</div> +{{ ApiRef("HTML DOM") }} -<p>L'interface <strong><code>GlobalEventHandlers</code></strong> 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.</p> +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. -<p><code>GlobalEventHandlers</code> est une interface brute et aucun objet de ce type ne peut être créé.</p> +`GlobalEventHandlers` est une interface brute et aucun objet de ce type ne peut être créé. -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<p>Les propriétés des évènements, de la forme <code>onXYZ</code>, sont définies sur {{domxref("GlobalEventHandlers")}} et implémentées par {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}} et {{domxref("WorkerGlobalScope")}} pour les Web Workers.</p> +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. -<dl> - <dt>{{domxref("GlobalEventHandlers.onabort")}}</dt> - <dd>Est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event ("abort")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onanimationcancel")}} {{Non-standard_inline}}</dt> - <dd>un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("animationcancel")}} est envoyé, indiquant que l'exécution de l'<a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> a été abandonnée.</dd> - <dt>{{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}}</dt> - <dd>un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("animationend")}} est envoyé, indiquant que l'exécution de l'<a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> a été abandonnée.</dd> - <dt>{{domxref("GlobalEventHandlers.onanimationiteration")}} {{Non-standard_inline}}</dt> - <dd>un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("animationiteration")}} est envoyé , indiquant qu'une <a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> a commencé à jouer une nouvelle itération de la séquence d'animation.</dd> - <dt>{{domxref("GlobalEventHandlers.onanimationstart")}} {{Non-standard_inline}}</dt> - <dd>un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("animationstart")}} est envoyé , indiquant qu'une <a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> a commencé.</dd> - <dt>{{domxref("GlobalEventHandlers.onauxclick")}} {{Non-standard_inline}}</dt> - <dd>un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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).</dd> - <dt>{{domxref("GlobalEventHandlers.onblur")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("blur")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onerror")}}</dt> - <dd>est un {{domxref("OnErrorEventHandler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("error")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onfocus")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} représentant le code à appeler lorsque l'évènement {{event("focus")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oncancel")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("cancel")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oncanplay")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("canplay")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oncanplaythrough")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("canplaythrough")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onchange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("change")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onclick")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("click")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onclose")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("close")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oncontextmenu")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("contextmenu")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oncuechange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("cuechange")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondblclick")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dblclick")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondrag")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("drag")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragend")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragend")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragenter")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragenter")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragexit")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragexit")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragleave")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragleave")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragover")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragover")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondragstart")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("dragstart")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondrop")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("drop")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ondurationchange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("durationchange")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onemptied")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("emptied")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onended")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsqu'un événement {{event("ended")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ongotpointercapture")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque le type d'événement {{event("gotpointercapture")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oninput")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("input")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.oninvalid")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("invalid")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onkeydown")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("keydown")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onkeypress")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("keypress")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onkeyup")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("keyup")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onload")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("load")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onloadeddata")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("loadeddata")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onloadedmetadata")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("loadedmetadata")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onloadend")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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).</dd> - <dt>{{domxref("GlobalEventHandlers.onloadstart")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("loadstart")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onlostpointercapture")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque le type d'événement {{event("lostpointercapture")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmousedown")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mousedown")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmouseenter")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mouseenter")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmouseleave")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mouseleave")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmousemove")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mousemove")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmouseout")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mouseout")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmouseover")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mouseover")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmouseup")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mouseup")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onmousewheel")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("mousewheel")}} est déclenché. Déprécié. Utiliser <code>onwheel</code> à la place.</dd> - <dt>{{ domxref("GlobalEventHandlers.onwheel") }}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("wheel")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpause")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pause")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onplay")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("play")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onplaying")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("playing")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerdown")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerdown")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointermove")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointermove")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerup")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerup")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointercancel")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointercancel")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerover")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerover")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerout")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerout")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerenter")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerevent")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerleave")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerleave")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerlockchange")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("pointerlockerror")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onprogress")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("progress")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onratechange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("ratechange")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onreset")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("reset")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onscroll")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("scroll")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onseeked")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("seeked")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onseeking")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("seeking")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onselect")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("select")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onselectstart")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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.</dd> - <dt>{{domxref("GlobalEventHandlers.onselectionchange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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.</dd> - <dt>{{domxref("GlobalEventHandlers.onshow")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("show")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("sort")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onstalled")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("stalled")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onsubmit")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("submit")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onsuspend")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("suspend")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontimeupdate")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("timeupdate")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.onvolumechange")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("volumechange")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontouchcancel")}} {{Non-standard_inline}} {{Experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("touchcancel")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontouchend")}} {{Non-standard_inline}} {{Experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("touchend")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontouchmove")}} {{Non-standard_inline}} {{Experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("touchmove")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontouchstart")}} {{Non-standard_inline}} {{Experimental_inline}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("touchstart")}} est déclenché.</dd> - <dt>{{domxref("GlobalEventHandlers.ontransitioncancel")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("transitioncancel")}} est envoyé, indiquant qu'une <a href="/fr/docs/Web/CSS/CSS_Transitions">transition CSS</a> a été abandonnée.</dd> - <dt>{{domxref("GlobalEventHandlers.ontransitionend")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) appelé lorsqu'un évènement {{event("transitionend")}} est envoyé, indiquant qu'une <a href="/fr/docs/Web/CSS/CSS_Transitions">transition CSS</a> est terminée.</dd> - <dt>{{domxref("GlobalEventHandlers.onwaiting")}}</dt> - <dd>est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) représentant le code à appeler lorsque l'événement {{event("waiting")}} est déclenché.</dd> -</dl> +- {{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é. -<h2 id="Méthodes">Méthodes</h2> +## Méthodes -<p><em>Cette interface ne définit aucune méthode.</em></p> +_Cette interface ne définit aucune méthode._ -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Selection API",'', 'Extension to GlobalEventHandlers')}}</td> - <td>{{Spec2('Selection API')}}</td> - <td>Ajoute <code>onselectionchange.</code></td> - </tr> - <tr> - <td>{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}}</td> - <td>{{Spec2('Pointer Lock')}}</td> - <td>Ajoute<code>onpointerlockchange</code> et <code>onpointerlockerror</code> sur{{domxref("Document")}}. Est implémenté expérimentalement <code>GlobalEventHandlers</code>.</td> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Pas de changement depuis le précédent {{SpecName("HTML5.1")}}.</td> - </tr> - <tr> - <td>{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td>Instantané de {{SpecName("HTML WHATWG")}}. <code>onsort</code> ajouté depuis {{SpecName("HTML5 W3C")}}.</td> - </tr> - <tr> - <td>{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Instantané de {{SpecName("HTML WHATWG")}}. Création de <code>GlobalEventHandlers</code>.</td> - </tr> - </tbody> -</table> +| 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`. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers")}}</p> +{{Compat("api.GlobalEventHandlers")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{domxref("Element")}}</li> - <li>{{event("Event_handlers", "event handler")}}</li> - <li>{{domxref("Event")}}</li> -</ul> +- {{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 --- -<div>{{ ApiRef("HTML DOM") }}</div> +{{ ApiRef("HTML DOM") }} -<p>Un gestionnaire d'évènement pour interrompre les événements envoyés à la fenêtre. (non disponible sur Firefox 2 ou Safari).</p> +Un gestionnaire d'évènement pour interrompre les événements envoyés à la fenêtre. (non disponible sur Firefox 2 ou Safari). -<p>Bien que le <a href="https://html.spec.whatwg.org/multipage/browsing-the-web.html#abort-a-document">standard pour l'abandon d'un chargement de document</a> 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 <code>window</code> qui déclencherait un appel à <code>onabort</code>.</p> +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`. -<p>À 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 <code>img</code>.</p> +À 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`. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">window.onabort =<em> refFonc</em> -</pre> + window.onabort = refFonc -<ul> - <li><code>refFonc</code> : référence à une fonction</li> -</ul> +- `refFonc` : référence à une fonction -<h2 id="Example">Exemple</h2> +## Exemple -<pre class="brush:js">window.onabort = function() { +```js +window.onabort = function() { alert("Chargement interrompu."); -}</pre> - -<h2 id="Specification">Spécification</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onabort','onabort')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.GlobalEventHandlers.onabort")}}</p> +} +``` + +## 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 --- -<div>{{ApiRef("HTML DOM")}} {{SeeCompatTable}}</div> +{{ApiRef("HTML DOM")}} {{SeeCompatTable}} -<p>La propriété <code><strong>onauxclick</strong></code> du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("auxclick")}}.</p> +La propriété **`onauxclick`** du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} pour le traitement des événements {{event("auxclick")}}. -<p>L'événement <code>auxclick</code> 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.</p> +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. -<div class="note"> -<p><strong>Note :</strong> 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.</p> -</div> +> **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. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>target</var>.onauxclick = <var>functionRe<em>f</em></var>; -</pre> + target.onauxclick = functionRef; -<h3 id="Valeur">Valeur</h3> +### Valeur -<p><code>functionRef</code> est un nom de fonction ou une <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a>. La fonction reçoit un objet {{domxref("MouseEvent")}} comme seul argument. Dans la fonction, <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code> sera l'élément sur lequel l'événement a été déclenché.</p> +`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é. -<p>Un seul gestionnaire <code>onauxclick</code> 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.</p> +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. -<h2 id="Exemple">Exemple</h2> +## Exemple -<p>Dans cet exemple, nous définissons des fonctions pour deux gestionnaires d'événements — {{domxref("GlobalEventHandlers.onclick", "onclick")}} et <code>onauxclick</code>. 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 (<a href="https://mdn.github.io/dom-examples/auxclick/">voir en direct sur GitHub</a>; également <a href="https://github.com/mdn/dom-examples/blob/master/auxclick/index.html">voir le code source</a>).</p> +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)). -<pre class="brush: js">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; -}</pre> - -<div class="note"> -<p><strong>Note :</strong> Si vous utilisez une souris à trois boutons, vous remarquerez que le gestionnaire<code> onauxclick</code> est exécuté lorsque l'un des boutons non gauche de la souris est cliqué.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('UI Events','#event-type-auxclick','onauxclick')}}</td> - <td>{{Spec2('UI Events')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.GlobalEventHandlers.onauxclick")}}</p> - -<h2 id="Voir_également">Voir également</h2> - -<ul> - <li>{{event("auxclick")}} event</li> - <li>Related event handlers - <ul> - <li>{{domxref("GlobalEventHandlers.onclick")}}</li> - <li>{{domxref("GlobalEventHandlers.ondblclick")}}</li> - </ul> - </li> -</ul> +} +``` + +> **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 --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>La propriété <strong>onblur</strong> renvoie le gestionnaire de l'évènement <code>blur</code> (perte de focus) pour l'élément courant.</p> +La propriété **onblur** renvoie le gestionnaire de l'évènement `blur` (perte de focus) pour l'élément courant. -<h3 id="Syntaxe">Syntaxe</h3> +### Syntaxe -<pre class="eval">element.onblur = nomFonctionUtilisateur; -</pre> + element.onblur = nomFonctionUtilisateur; -<ul> - <li><code>nomFonctionUtilisateur</code> 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 :</li> -</ul> +- `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 : -<pre class="eval">element.onblur = function() { - alert("Évènement onblur détecté"); -}; -</pre> +<!----> -<h3 id="Exemple">Exemple</h3> + element.onblur = function() { + alert("Évènement onblur détecté"); + }; -<p>Lorsqu'une zone de saisie n'est plus active suite à une perte du « focus », une boîte de message (alert) est affichée.</p> +### Exemple -<pre class="brush: html"><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 +<form> + <input type="text" id="foo" value="Allo!" /> +</form> + +<script type="text/javascript"> var elem = document.getElementById("foo"); @@ -46,15 +45,15 @@ elem.onblur = afficherMessage; function afficherMessage() { alert("Évènement onblur detecté!"); } -</script> -</pre> +</script> +``` -<h3 id="Notes">Notes</h3> +### Notes -<p>L'évènement <code>blur</code> se déclenche lors de la perte de focus d'un élément.</p> +L'évènement `blur` se déclenche lors de la perte de focus d'un élément. -<p>Microsoft Internet Explorer déclenche l'évènement <code>blur</code> 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.</p> +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. -<h3 id="Sp.C3.A9cification">Spécification</h3> +### Spécification -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <code>onchange</code> définit et renvoie le gestionnaire d'évènement <code>onChange</code> (modification) pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">element.onchange = code de gestion de l'évènement -</pre> -<h3 id="Notes">Notes</h3> -<p>Le pseudo code suivant illustre la manière dont le gestionnaire d'évènement <code>change</code> est implémenté dans Mozilla :</p> -<pre> control.onfocus = focus; - control.onblur = blur; - function focus () { - original_value = control.value; - } - - function blur () { - if (control.value != original_value) - control.onchange(); - } -</pre> -<p>Par conséquent, vous pouvez rencontrer des comportements inattendus dans l'évènement <code>change</code> si vous modifiez la valeur du contrôle dans vos propres gestionnaires d'évènements <code>focus</code> ou <code>blur</code>. De plus, l'évènement <code>change</code> se déclenche avant l'évènement <code>blur</code>. Ce comportement n'est pas le même que celui d'Internet Explorer.</p> -<h3 id="Specification">Specification</h3> -<p>{{ DOM0() }}</p> -<h3 id="Voir_aussi">Voir aussi</h3> -<ul> - <li><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-htmlevents">DOM Level 2: HTML event types</a> <small>— traduction en français (non normative) : <a href="http://www.yoyodesign.org/doc/w3c/dom2-events/events.html#Events-eventgroupings-htmlevents">DOM Niveau 2 Events : Les types d'événements HTML</a></small></li> -</ul>
\ 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 --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>La propriété <strong>onclick</strong> représente le gestionnaire d'évènement onClick de l'élément courant.</p> +La propriété **onclick** représente le gestionnaire d'évènement onClick de l'élément courant. -<h3 id="Syntaxe">Syntaxe</h3> +### Syntaxe -<p><code><em>element</em>.onclick = <em>functionRef</em></code></p> +`element.onclick = functionRef` -<p>où <em>functionRef</em> est une fonction ou une expression de type <em>function. </em>Consulter la <a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">référence des fonctions</a> pour plus de détails.</p> +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. -<p>Le paramètre fourni au gestionnaire d'évènement <em>functionRef</em> lors du déclenchement de l'évènement est un objet qui représente l'évènement de click, de type {{ domxref("MouseEvent") }}.</p> +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") }}. -<h3 id="Exemple">Exemple</h3> +### Exemple -<pre class="brush: html"><!doctype html> -<html> -<head> -<title>onclick event example</title> -<script type="text/javascript"> +```html +<!doctype html> +<html> +<head> +<title>onclick event example</title> +<script type="text/javascript"> function initElement() { var p = document.getElementById("foo"); // NOTE: showAlert(); ou showAlert(param); NE fonctionne PAS ici. - // Il faut fournir une valeur de type <em><strong>function</strong></em> (nom de fonction déclaré ailleurs ou declaration en ligne de fonction). + // Il faut fournir une valeur de type function (nom de fonction déclaré ailleurs ou declaration en ligne de fonction). p.onclick = showAlert; }; @@ -36,31 +37,33 @@ function showAlert() { alert("Evènement de click détecté"); } -</script> -<style type="text/css"> +</script> +<style type="text/css"> #foo { border: solid blue 2px; } -</style> -</head> -<body onload="initElement();"> -<span id="foo">Mon Span à cliquer</span> -<p>Cliquez sur l'élément ci-dessus.</p> -</body> -</html></pre> - -<p>Vous pouvez aussi utiliser la syntaxe des fonctions déclarées en ligne, anonymes ou non.</p> - -<pre class="brush: js">// affectation de fonction anonyme declarée en ligne +</style> +</head> +<body onload="initElement();"> +<span id="foo">Mon Span à cliquer</span> +<p>Cliquez sur l'élément ci-dessus.</p> +</body> +</html> +``` + +Vous pouvez aussi utiliser la syntaxe des fonctions déclarées en ligne, anonymes ou non. + +```js +// affectation de fonction anonyme declarée en ligne p.onclick = function() { alert("moot!"); }; -</pre> +``` -<h3 id="Notes">Notes</h3> +### Notes -<p>L'évènement <code>click</code> est déclenché lorsque l'utilisateur clique sur un élément.</p> +L'évènement `click` est déclenché lorsque l'utilisateur clique sur un élément. -<p>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.</p> +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. -<h3 id="Sp.C3.A9cification">Spécification</h3> +### Spécification -<p>Defini en <a href="http://w3c.github.io/html/webappapis.html#dom-globaleventhandlers-onclick">HTML</a>.</p> +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 --- -<div>{{ApiRef("HTML DOM")}}</div> +{{ApiRef("HTML DOM")}} -<p>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).</p> +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). -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">window.onclose = funcRef; -</pre> + window.onclose = funcRef; -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<ul> - <li><code>funcRef</code> est une fonction.</li> -</ul> +- `funcRef` est une fonction. -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">window.onclose = resetThatServerThing; -</pre> +```js +window.onclose = resetThatServerThing; +``` -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onclose','onclose')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>ondblclick</b> renvoie le gestionnaire d'évènement <code>dblclick</code> de l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">element.ondblclick = nomDeFonction; -</pre> -<ul> - <li><code>nomDeFonction</code> 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 :</li> -</ul> -<pre class="eval">element.ondblclick = function() { alert("Évènement dblclick détecté"); }; -</pre> -<h3 id="Exemple">Exemple</h3> -<pre class="brush: html"><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 +<html> + +<head> +<title>ondblclick event example</title> + +<script type="text/javascript"> function initElement() { var p = document.getElementById("foo"); @@ -36,24 +43,28 @@ function initElement() { function showAlert() { alert("Évènement dblclick détecté") } -</script> +</script> -<style type="text/css"> -<!-- +<style type="text/css"> +<!-- #foo { border: solid blue 2px; } ---> -</style> -</head> - -<body onload="initElement()";> -<span id="foo">Mon élément</span> -<p>Double-cliquez sur l'élément ci-dessus.</p> -</body> -</html> -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>dblclick</code> est déclenché lorsque l'utilisateur double-clique sur un élément.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ No newline at end of file +--> +</style> +</head> + +<body onload="initElement()";> +<span id="foo">Mon élément</span> +<p>Double-cliquez sur l'élément ci-dessus.</p> +</body> +</html> +``` + +### Notes + +L'évènement `dblclick` est déclenché lorsque l'utilisateur double-clique sur un élément. + +### Spécification + +{{ DOM0() }} 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 --- -<div>{{ApiRef("HTML DOM")}}</div> +{{ApiRef("HTML DOM")}} -<p>Un <a href="/en-US/docs/Web/Guide/Events/Event_handlers">gestionnaire d'événement</a> pour l'événement <code><a href="/en-US/docs/Web/Events/error">error</a></code>. Des événements d'erreur sont déclenchés vers diverses cibles et pour différents types d'erreurs:</p> +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: -<ul> - <li>Lorsqu'une <strong>erreur de runtime JavaScript</strong> se produit (erreurs de syntaxe comprises), un évènement <code><a href="/en-US/docs/Web/Events/error">error</a></code> utilisant l'interface {{domxref("ErrorEvent")}} est envoyé à {{domxref("window")}}, et <code>window.onerror()</code> est appelé.</li> - <li>Lorsque le <strong>chargement d'une ressource</strong> (telle que {{HTMLElement("img")}} ou {{HTMLElement("script")}}) <strong>échoue</strong>, un événement <code><a href="/en-US/docs/Web/Events/error">error</a></code> utilisant l'interface {{domxref("Event")}} est déclenché sur l'élément qui a initié le chargement, et le gestionnaire <code>onerror()</code> 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")}}.</li> -</ul> +- 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")}}. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<p>Pour des raisons historiques, des arguments différents sont passés aux gestionnaires <code>window.onerror</code> et <code>element.onerror</code>.</p> +Pour des raisons historiques, des arguments différents sont passés aux gestionnaires `window.onerror` et `element.onerror`. -<h3 id="window.onerror">window.onerror</h3> +### window\.onerror -<pre class="brush: js">window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... }</pre> +```js +window.onerror = function(messageOrEvent, source, noligne, nocolonne, erreur) { ... } +``` -<p>Paramètres de la fonction :</p> +Paramètres de la fonction : -<ul> - <li><code>message </code>: message d'erreur (chaîne ou objet évènement). Disponible comme <code>event</code> (sic !) dans le gestionnaire de HTML <code>onerror=""</code> et aussi comme objet évènement lors de l'envoi d'un <a href="/en-US/docs/Web/API/Event">Event</a> à <code>window,</code> auquel cas les autres arguments ne seront pas fournis (au contraire de <a href="/en-US/docs/Web/API/ErrorEvent">ErrorEvent</a>, qui amène le passage de l'ensemble complet des arguments à <code>window.onerror</code>, tandis que seul l'objet d'évènement d'erreur est passé aux gestionnaires de<code> window.addEventListener('error'))</code></li> - <li>source : l'URL du script où l'erreur a été déclenchée (chaîne)</li> - <li>noligne : le numéro de ligne où l'erreur a été déclenchée (nombre)</li> - <li>nocolonne : le numéro de colonne où l'erreur a été déclenchée (nombre)</li> - <li>erreur : un <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error">Error Object</a> (objet) {{gecko_minversion_inline("31.0")}}</li> -</ul> +- `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")}} -<h3 id="element.onerror_(et_window.addEventListener('error'))">element.onerror (et <code>window.addEventListener('error')</code>)</h3> +### element.onerror (et `window.addEventListener('error')`) -<pre><code>element.onerror = function(event) { ... }</code></pre> + element.onerror = function(event) { ... } -<p><code>element.onerror</code> accepte une fonction avec un argument unique de type {{domxref("Event")}}.</p> +`element.onerror` accepte une fonction avec un argument unique de type {{domxref("Event")}}. -<h2 id="Notes">Notes</h2> +## Notes -<p>Quand une erreur de syntaxe<strong>(?)</strong> se produit dans un script chargé à partir d'une <a href="/en-US/docs/Web/Security/Same-origin_policy">origine différente</a>, 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 <code><strong>"Script error"</strong></code>. Ce comportement peut être surchargé par certains navigateurs en utilisant l'attribut <code>{{htmlattrxref("crossorigin","script")}}</code> de {{HTMLElement("script")}} et en faisant en sorte que le serveur envoie les entêtes de réponse <a href="/en-US/docs/Web/HTTP/Access_control_CORS">CORS</a> 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.</p> +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. -<pre><code>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; -};</code></pre> + return false; + }; -<p>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 à <code>onerror</code> soient nommés <code>event</code>, <code>source</code>, <code>lineno</code>, <code>colno</code>, <code>error</code>. Dans les navigteurs qui n'ont pas implémenté cette obligation, ils peuvent toujours être obtenus via <code>arguments[0]</code> à <code>arguments[2]</code>.</p> +Lors de l'utilisation du balisage html intégré (\<body onerror="alert('une erreur est survenue')>...), la spécification HTML requiert que les arguments passés à `onerror` soient nommés `event`, `source`, `lineno`, `colno`, `error`. Dans les navigteurs qui n'ont pas implémenté cette obligation, ils peuvent toujours être obtenus via `arguments[0]` à `arguments[2]`. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onerror','onerror')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onerror','onerror')}} | {{Spec2('HTML WHATWG')}} | | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers.onerror")}}</p> +{{Compat("api.GlobalEventHandlers.onerror")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://blog.getsentry.com/2016/01/04/client-javascript-reporting-window-onerror.html">Capture and report JavaScript errors with window.onerror (blog.getsentry.com, 2016)</a></li> - <li><a href="https://danlimerick.wordpress.com/2014/01/18/how-to-catch-javascript-errors-with-window-onerror-even-on-chrome-and-firefox/">How to catch JavaScript Errors with window.onerror (even on Chrome and Firefox) (danlimerick.wordpress.com, 2014)</a></li> -</ul> +- [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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onfocus</b> renvoie le gestionnaire de l'évènement <code>focus</code> pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onfocus -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement focus se déclenche lorsque l'utilisateur donne le focus clavier à l'élément donné.</p> -<p>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.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<div>{{ApiRef("HTML DOM")}}</div> +{{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")}}. -<div>La propriété <strong><code>ongotpointercapture</code></strong> du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} qui traite les évènements de type {{event("gotpointercapture")}}.</div> +## Syntaxe -<h2 id="Syntaxe">Syntaxe</h2> + target.ongotpointercapture = functionRef; -<pre class="syntaxbox"><em>target</em>.ongotpointercapture = <em>functionRef</em>;</pre> +### Valeur -<h3 id="Valeur">Valeur</h3> +`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. -<p><code>functionRef</code> est un nom de fonction ou une <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">expression fonction</a>. La fonction accepte un objet {{domxref("FocusEvent")}} en tant qu'unique argument.</p> +## Example -<h2 id="Example">Example</h2> - -<pre class="brush: js">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; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Status</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('Pointer Events 2', '#the-gotpointercapture-event', 'onlostpointercapture')}}</td> - <td>{{Spec2('Pointer Events 2')}}</td> - <td> </td> - </tr> - </tbody> -</table> +} +``` -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Spécifications +| Spécification | Status | Commentaire | +| -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ----------- | +| {{SpecName('Pointer Events 2', '#the-gotpointercapture-event', 'onlostpointercapture')}} | {{Spec2('Pointer Events 2')}} | | +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers.ongotpointercapture")}}</p> +{{Compat("api.GlobalEventHandlers.ongotpointercapture")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>L'évènement <code><a href="/en-US/docs/Web/API/Document/gotpointercapture_event">Document: gotpointercapture</a></code></li> - <li>L'évènement <code><a href="/en-US/docs/Web/API/Element/gotpointercapture_event">Element: gotpointercapture</a></code></li> - <li>{{domxref("Element.setPointerCapture()")}}</li> -</ul> +- 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <strong>onkeydown</strong> définit et renvoie le gestionnaire d'évènement <code>keydown</code> de l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onkeydown -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>keydown</code> se déclenche lorsque qu'une touche du clavier est enfoncée.</p> -<p>À différencier de <a href="/fr/DOM/element.onkeypress">onkeypress</a> qui se déclenche lorsque qu'une touche du clavier est pressée. (La nuance se situe dans le fait que <code>onkeydown</code> se produit avant <code>onkeypress</code> même s'ils se produisent quasiment au même instant)</p> -<h3 id="Notes">Voir aussi</h3> -<p><a href="/fr/DOM/element.onkeypress">onkeypress</a> <a href="/fr/DOM/element.onkeyup">onkeyup</a></p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <strong>onkeypress</strong> définit et renvoie le gestionnaire d'évènement <code>keypress</code> de l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">element.onkeypress = code de gestion de l'évènement -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>keypress</code> se déclenche lorsque qu'une touche du clavier est pressée.</p> -<p>À différencier de <a href="/fr/DOM/element.onkeydown">onkeydown</a> qui se déclenche lorsque qu'une touche du clavier est enfoncée. (La nuance se situe dans le fait que <code>onkeydown</code> se produit avant <code>onkeypress</code>, même s'il se produisent quasiment au même instant)</p> -<h3 id="Notes">Voir aussi</h3> -<p><a href="/fr/DOM/element.onkeydown">onkeydown</a> <a href="/fr/DOM/element.onkeyup">onkeyup</a></p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <strong>onkeyup</strong> renvoi le gestionnaire d'évènements onKeyUp de l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<p>code de gestion de l'évènement = element.onkeyup</p> -<h3 id="Exemple">Exemple</h3> -<pre class="brush: html"> <input type="text" onKeyUp="cleRelachee(event)"> - <script>function cleRelachee(evt){ alert(evt.keyCode) }</script> -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>keyup</code> se déclenche lorsque qu'une touche du clavier qui a été pressée est relâchée.</p> -<h3 id="Notes">Voir aussi</h3> -<p><a href="/fr/DOM/element.onkeypress">onkeypress</a> <a href="/fr/DOM/element.onkeydown">onkeydown</a></p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>Ne fait partie d'aucune spécification.</p>
\ 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 + <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](/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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>Un gestionnaire d'évènement pour l'évènement <code>load</code> (chargement) de la fenêtre.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre>window.onload = refFct; -</pre> -<h3 id="Param.C3.A8tres">Paramètres</h3> -<ul> - <li><code>refFct</code> est une référence à une fonction.</li> -</ul> -<h3 id="Exemple">Exemple</h3> -<pre>window.onload = init; -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>load</code> se déclenche à la fin du processus de chargement du document. À ce moment, tous les objets du document sont dans le DOM.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>Ne fait partie d'aucune spécification.</p>
\ 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 --- -<div>{{ApiRef}}</div> +{{ApiRef}} -<p>La propriété <strong><code>onloadend</code></strong> du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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).</p> +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). -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>img</var>.onloadend = <var>funcRef</var>; -</pre> + img.onloadend = funcRef; -<h3 id="Valeur">Valeur</h3> +### Valeur -<p><code>funcRef</code> est la fonction du gestionnaire à appeler quand l'évènement <code>loadend </code>de la ressource est déclenché.</p> +`funcRef` est la fonction du gestionnaire à appeler quand l'évènement `loadend `de la ressource est déclenché. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Contenu_HTML">Contenu HTML</h3> +### Contenu HTML -<pre class="brush: html"><img src="myImage.jpg"></pre> +```html +<img src="myImage.jpg"> +``` -<h3 id="Contenu_JavaScript">Contenu JavaScript</h3> +### Contenu JavaScript -<pre class="brush: js">// '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'); -});</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("HTML WHATWG", "webappapis.html#handler-onloadend", "onloadend")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.GlobalEventHandlers.onloadend")}}</p> +}); +``` + +## 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 --- -<div>{{ApiRef}}</div> +{{ApiRef}} -<p>La propriété <strong><code>onloadstart</code></strong> du "mixin" {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) 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).</p> +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). -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>img</var>.onloadstart = <var>funcRef</var>; -</pre> + img.onloadstart = funcRef; -<h3 id="Valeur">Valeur</h3> +### Valeur -<p><code>funcRef</code> est la fonction du gestionnaire à appeler lorsque l'évènement <code>loadstart</code> de la ressource est déclenché.</p> +`funcRef` est la fonction du gestionnaire à appeler lorsque l'évènement `loadstart` de la ressource est déclenché. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Contenu_HTML">Contenu HTML</h3> +### Contenu HTML -<pre class="brush: html"><img src="myImage.jpg"></pre> +```html +<img src="myImage.jpg"> +``` -<h3 id="Contenu_JavaScript">Contenu JavaScript</h3> +### Contenu JavaScript -<pre class="brush: js">// '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'); -});</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("HTML WHATWG", "webappapis.html#handler-onloadstart", "onloadstart")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div> - - -<p>{{Compat("api.GlobalEventHandlers.onloadstart")}}</p> -</div> -</div> +}); +``` + +## 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onmousedown</b> renvoie le gestionnaire de l'évènement <code>mousedown</code> (bouton de la souris enfoncé) pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onMouseDown -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>mousedown</code> se déclenche lorsque l'utilisateur appuie sur le bouton gauche de la souris.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>La propriété <strong>onmousemove</strong> renvoie le code de gestion de l'évènement <code>mousemove</code> pour l'élément courant.</p> +La propriété **onmousemove** renvoie le code de gestion de l'évènement `mousemove` pour l'élément courant. -<h3 id="Syntax">Syntax</h3> +### Syntax -<p><code><em>element</em>.onmousemove = <em>functionRef</em></code></p> +`element.onmousemove = functionRef` -<p>où <em>functionRef</em> est une fonction ou une expression de type <em>function. </em>Consulter la <a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">référence des fonctions</a> pour plus de détails.</p> +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. -<p>Le paramètre fournit au gestionnaire d'évènement <em>functionRef</em> 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") }}.</p> +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") }}. -<h3 id="Notes">Exemple</h3> +### Exemple -<pre class="brush: js">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}`); -}</pre> +} +``` -<h3 id="Notes">Notes</h3> +### Notes -<p>L'évènement <code>mousemove</code> se déclenche lorsque l'utilisateur déplace la souris.</p> +L'évènement `mousemove` se déclenche lorsque l'utilisateur déplace la souris. -<h3 id="Sp.C3.A9cification">Spécification</h3> +### Spécification -<p>{{ DOM0() }}</p> +{{ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onmouseout</b> renvoie le code de gestion de l'évènement <code>mouseout</code> (sortie du pointeur de la souris) pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onmouseout -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>mouseout</code> 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 <code>image</code> correspondant).</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onmouseover</b> renvoie le code de gestion de l'évènement <code>onMouseOver</code> pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onmouseover -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>mouseover</code> se déclenche lorsque l'utilisateur déplace la souris au dessus d'un élément particulier.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>Ne fait partie d'aucune spécification.</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onmouseup</b> renvoie le gestionnaire de l'évènement <code>mouseup</code> (bouton de la souris relaché) pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval">code de gestion de l'évènement = element.onMouseUp -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>mouseup</code> se déclenche lorsque l'utilisateur relâche le bouton gauche de la souris.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<p>La propriété <code><strong>GlobalEventHandlers.onreset</strong></code> contient un {{event("Event_handlers", "event handler")}} (<em>gestionnaire d'évènements</em>) déclenché quand un évènement {{event("reset")}} est reçu.</p> +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. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre>window.onreset = funcRef; -</pre> + window.onreset = funcRef; -<h3 id="Parameters">Paramètres</h3> +### Paramètres -<ul> - <li><code>funcRef</code> est une référence à une fonction.</li> -</ul> +- `funcRef` est une référence à une fonction. -<h2 id="Example">Exemple</h2> +## Exemple -<pre class="brush: html"><html> -<script> +```html +<html> +<script> function reg() { window.captureEvents(Event.RESET); window.onreset = hit; @@ -36,38 +34,27 @@ function reg() { function hit() { alert('hit'); } -</script> +</script> -<body onload="reg();"> - <form> - <input type="reset" value="reset" /> - </form> - <div id="d"> </div> -</body> -</html> -</pre> +<body onload="reg();"> + <form> + <input type="reset" value="reset" /> + </form> + <div id="d"> </div> +</body> +</html> +``` -<h2 id="Notes">Notes</h2> +## Notes -<p>L'évènement <code>reset</code> est déclenché quand l'utilisateur clique sur le bouton de réinitialisation dans un formulaire (<code><input type="reset"/></code>).</p> +L'évènement `reset` est déclenché quand l'utilisateur clique sur le bouton de réinitialisation dans un formulaire (`<input type="reset"/>`). -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onreset','onreset')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onreset','onreset')}} | {{Spec2('HTML WHATWG')}} | | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers.onreset")}}</p> +{{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 --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>La propriété <strong>onresize</strong> renvoie le code de gestion <code>onresize</code> de l'élément. Il sert également à définir le code devant s'exécuter lorsqu'un évènement de redimensionnement survient.</p> +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. -<p>Seul l'objet <var>window</var> possède un évènement <code>onresize</code>.</p> +Seul l'objet _window_ possède un évènement `onresize`. -<h3 id="Syntaxe">Syntaxe</h3> +### Syntaxe -<pre class="eval">// 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); -</pre> + // Montre la valeur de window.onresize + alert(window.onresize); -<p>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.</p> +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. -<h3 id="Exemple">Exemple</h3> +### Exemple -<pre class="brush: html"><!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 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>exemple avec onresize</title> +<script type="text/javascript"> function sayHi(){ alert('Hi'); @@ -46,20 +46,21 @@ function sayHi(){ window.onresize = sayHi; -</script> -</head> -<body> -<input type="button" +</script> +</head> +<body> +<input type="button" value="Cliquez ici pour voir window.onresize" onclick="alert(window.onresize);" -> -</body> -</html></pre> +> +</body> +</html> +``` -<h3 id="Notes">Notes</h3> +### Notes -<p>Un attribut onresize peut être placé sur n'importe quel élément, mais seul l'objet <code>window</code> 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.</p> +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. -<h3 id="Sp.C3.A9cification">Spécification</h3> +### Spécification -<p>{{ DOM0() }}</p>
\ 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 --- -<p>{{ ApiRef() }}</p> -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> -<p>La propriété <b>onscroll</b> renvoie le gestionnaire d'évènement <code>scroll</code> pour l'élément courant.</p> -<h3 id="Syntaxe">Syntaxe</h3> -<pre class="eval"><i>code de gestion d'évènement</i> = element.onscroll; -</pre> -<h3 id="Notes">Notes</h3> -<p>L'évènement <code>scroll</code> se déclenche lorsque l'utilisateur fait défiler le contenu d'un élément.</p> -<h3 id="Sp.C3.A9cification">Spécification</h3> -<p>DOM Level 0. Ne fait partie d'aucune spécification.</p>
\ 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 --- -<div>{{ ApiRef("HTML DOM") }}</div> +{{ ApiRef("HTML DOM") }} -<p>La propriété <strong><code>onselect</code></strong> du mixin {{domxref("GlobalEventHandlers")}} est un {{event("Event_handlers", "event handler")}} qui traite les événements <a href="/fr-FR/docs/Web/API/Element/select_event"><code>select</code></a>.</p> +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). -<p>L'événement <code>select</code> n'est déclenché qu'après que du texte à l'intérieur d'un <code>{{HtmlElement('input/text', '<input type="text">')}}</code> ou d'un {{HtmlElement("textarea")}} a été sélectionné.</p> +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é. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>target</em>.onselect = <em>functionRef</em>; -</pre> + target.onselect = functionRef; -<h3 id="Valeur">Valeur</h3> +### Valeur -<p><code>réfFonction</code> est un nom de fonction ou une <a href="/fr-FR/docs/Web/JavaScript/Reference/Operators/function">expression retournant une fonction</a>. La fonction reçoit un objet {{domxref("UIEvent")}} comme unique argument.</p> +`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. -<h2 id="Exemples">Exemples</h2> +## Exemples -<p>Cet exemple enregistre le texte que vous sélectionnez à l'intérieur d'un élément {{HtmlElement("textarea")}}.</p> +Cet exemple enregistre le texte que vous sélectionnez à l'intérieur d'un élément {{HtmlElement("textarea")}}. -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush: html"><textarea>Essayez de sélectionner du texte dans cet élément.</textarea> -<p id="log"></p></pre> +```html +<textarea>Essayez de sélectionner du texte dans cet élément.</textarea> +<p id="log"></p> +``` -<h3 id="JavaScript">JavaScript</h3> +### JavaScript -<pre class="brush: js">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;</pre> +textarea.onselect = enregistrerSelection; +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("Examples")}}</p> +{{EmbedLiveSample("Examples")}} -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onselect','onselect')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onselect','onselect')}} | {{Spec2('HTML WHATWG')}} | | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers.onselect")}}</p> +{{Compat("api.GlobalEventHandlers.onselect")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>L'événement <a href="/fr-FR/docs/Web/API/Element/select_event"><code>select</code></a></li> -</ul> +- 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 --- -<p>{{ ApiRef("DOM") }}</p> +{{ ApiRef("DOM") }} -<p>La propriété <code>onwheel</code> renvoie le code du gestionnaire d'évènements <code>onwheel</code> de l'élément courrant.</p> +La propriété `onwheel` renvoie le code du gestionnaire d'évènements `onwheel` de l'élément courrant. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="brush: js">element.onwheel = function() { .. }</pre> +```js +element.onwheel = function() { .. } +``` -<h2 id="Spécification">Spécification</h2> +## Spécification -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','webappapis.html#handler-onwheel','onwheel')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG','webappapis.html#handler-onwheel','onwheel')}} | {{Spec2('HTML WHATWG')}} | | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.GlobalEventHandlers.onwheel")}}</p> +{{Compat("api.GlobalEventHandlers.onwheel")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/fr/docs/Web/API/Document/wheel_event">Document: <code>wheel</code> event</a></li> - <li><a href="/fr/docs/Web/API/Element/wheel_event">Element: <code>wheel</code> event</a></li> -</ul>
\ 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) |