diff options
Diffstat (limited to 'files/fr/web/api/eventtarget')
5 files changed, 19 insertions, 17 deletions
diff --git a/files/fr/web/api/eventtarget/addeventlistener/index.html b/files/fr/web/api/eventtarget/addeventlistener/index.html index c8e6650d62..8165dcccdf 100644 --- a/files/fr/web/api/eventtarget/addeventlistener/index.html +++ b/files/fr/web/api/eventtarget/addeventlistener/index.html @@ -30,7 +30,9 @@ translation_of: Web/API/EventTarget/addEventListener --- <p>{{APIRef("DOM Events")}}</p> -<p><span class="seoSummary">La méthode <code><strong>addEventListener()</strong></code> de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible.</span> Les cibles courantes sont un {{domxref("Element")}}, le {{domxref("Document")}} lui-même et une {{domxref("Window")}}, mais on peut tout à fait cible n'importe quel objet prenant en charge les évènements (comme {{domxref("XMLHttpRequest")}}).</p> +<p>>La méthode <code><strong>addEventListener()</strong></code> de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible.</p> + +<p>Les cibles courantes sont un {{domxref("Element")}}, le {{domxref("Document")}} lui-même et une {{domxref("Window")}}, mais on peut tout à fait cible n'importe quel objet prenant en charge les évènements (comme {{domxref("XMLHttpRequest")}}).</p> <p><code>addEventListener()</code> agit en ajoutant une fonction ou un objet qui implémente {{domxref("EventListener")}} à la liste des gestionnaires d'évènement pour le type d'évènement spécifié sur la cible ({{domxref("EventTarget")}}) à partir de laquelle il est appelé.</p> @@ -268,7 +270,7 @@ el.addEventListener("click", () => { <a class="inner1" href="https://www.mozilla.org" target="_blank"> intérieur1, passive & preventDefault (ce qui n'est pas autorisé) </a> - <a class="inner2" href="https://developer.mozilla.org/" target="_blank"> + <a class="inner2" href="/" target="_blank"> intérieur2, none-passive & preventDefault (nouvelle page non ouverte) </a> </div> @@ -744,7 +746,7 @@ if (el.addEventListener) { <h3 id="Older_way_to_register_event_listeners">Ancienne manière d'enregistrer les écouteurs d'évènements</h3> -<p>La méthode <code>addEventListener()</code> a été ajoutée dans la spécification DOM 2 <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events">Events</a>. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :</p> +<p>La méthode <code>addEventListener()</code> a été ajoutée dans la spécification DOM 2 <a href="http://www.w3.org/TR/DOM-Level-2-Events">Events</a>. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :</p> <pre class="brush: js"> // Passage d'une référence à une fonction diff --git a/files/fr/web/api/eventtarget/dispatchevent/index.html b/files/fr/web/api/eventtarget/dispatchevent/index.html index 10389d111d..ff64998f51 100644 --- a/files/fr/web/api/eventtarget/dispatchevent/index.html +++ b/files/fr/web/api/eventtarget/dispatchevent/index.html @@ -13,12 +13,12 @@ translation_of: Web/API/EventTarget/dispatchEvent <p>Envoie un {{domxref("Event")}} (<em>évènement</em>) à la {{domxref("EventTarget")}} (<em>cible</em>) spécifiée (synchrone) en appelant les {{domxref("EventListener")}} (<em>écouteurs</em>) dans l'ordre approprié. Le processus normal de traitement de l'évènement (y compris les phases de capture et l'éventuelle propagation) s'applique aussi aux évènements diffusés manuellement avec <code>dispatchEvent()</code>.</p> -<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> +<h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox"><em>cancelled</em> = !<em>target</em>.dispatchEvent(<em>event</em>) </pre> -<h3 id="Param.C3.A8tres" name="Param.C3.A8tres">Paramètres</h3> +<h3 id="Param.C3.A8tres">Paramètres</h3> <ul> <li><code>event</code> est un objet {{domxref("Event")}} à envoyer.</li> @@ -33,17 +33,17 @@ translation_of: Web/API/EventTarget/dispatchEvent <p>La méthode <code>dispatchEvent</code> lance une exception <code>UNSPECIFIED_EVENT_TYPE_ERR</code> si le type de l'évènement n'a pas été spécifié par son initialisation avant l'appel de la méthode ou s'il est <code>null</code> ou une chaîne vide. Les exceptions lancées par les gestionnaires d'évènements sont signalées comme exceptions non interceptées ; les gestionnaires d'événements s'exécutent sur une pile d'appels imbriquée : ils bloquent l'appelant jusqu'à ce qu'ils se terminent, mais les exceptions ne se propagent pas à l'appelant.</p> -<h2 id="Notes" name="Notes">Notes</h2> +<h2 id="Notes">Notes</h2> -<p>Contrairement aux événements "natifs", qui sont déclenchés par le DOM et invoquent les gestionnaires d'événements de manière asynchrone via la <a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Concurrence_et_boucle_des_%C3%A9v%C3%A9nements">boucle des événements</a>, <code>dispatchEvent</code> appelle les gestionnaires d'événements de manière synchrone. Tous les gestionnaires d'événements applicables s'exécuteront et retourneront avant que le code ne continue après l'appel à <code>dispatchEvent</code>.</p> +<p>Contrairement aux événements "natifs", qui sont déclenchés par le DOM et invoquent les gestionnaires d'événements de manière asynchrone via la <a href="/fr/docs/Web/JavaScript/Concurrence_et_boucle_des_%C3%A9v%C3%A9nements">boucle des événements</a>, <code>dispatchEvent</code> appelle les gestionnaires d'événements de manière synchrone. Tous les gestionnaires d'événements applicables s'exécuteront et retourneront avant que le code ne continue après l'appel à <code>dispatchEvent</code>.</p> -<p>Comme montré dans l'exemple qui précède, <code>dispatchEvent</code> est la dernière étape du processus création-initialisation-envoi, qui est utilisé pour envoyer des évènements dans le modèle de l'implémentation des évènements. Ceux-ci peuvent être créés en utilisant le <a href="https://developer.mozilla.org/fr/docs/Web/API/Event/Event">constructeur d'évènements</a>.</p> +<p>Comme montré dans l'exemple qui précède, <code>dispatchEvent</code> est la dernière étape du processus création-initialisation-envoi, qui est utilisé pour envoyer des évènements dans le modèle de l'implémentation des évènements. Ceux-ci peuvent être créés en utilisant le <a href="/fr/docs/Web/API/Event/Event">constructeur d'évènements</a>.</p> -<p>Voir aussi <a href="https://developer.mozilla.org/fr/docs/Web/API/Event" title="DOM/event">Objet Event référence</a>.</p> +<p>Voir aussi <a href="/fr/docs/Web/API/Event">Objet Event référence</a>.</p> <h2 id="Exemple">Exemple</h2> -<p>Voir <a href="https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a>.</p> +<p>Voir <a href="/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a>.</p> <h2 id="Spécification">Spécification</h2> @@ -64,7 +64,7 @@ translation_of: Web/API/EventTarget/dispatchEvent </tbody> </table> -<h2 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Compatibilité des navigateurs</h2> +<h2 id="Voir_.C3.A9galement">Compatibilité des navigateurs</h2> diff --git a/files/fr/web/api/eventtarget/eventtarget/index.html b/files/fr/web/api/eventtarget/eventtarget/index.html index 522466de4b..419fd32ffe 100644 --- a/files/fr/web/api/eventtarget/eventtarget/index.html +++ b/files/fr/web/api/eventtarget/eventtarget/index.html @@ -27,7 +27,7 @@ translation_of: Web/API/EventTarget/EventTarget <h2 id="Exemples">Exemples</h2> -<pre class="brush: js" id="ct-20">class MyEventTarget extends EventTarget { +<pre class="brush: js">class MyEventTarget extends EventTarget { constructor(mySecret) { super(); this._secret = mySecret; diff --git a/files/fr/web/api/eventtarget/index.html b/files/fr/web/api/eventtarget/index.html index 99ea213416..b58f686516 100644 --- a/files/fr/web/api/eventtarget/index.html +++ b/files/fr/web/api/eventtarget/index.html @@ -12,9 +12,9 @@ tags: browser-compat: api.EventTarget translation_of: Web/API/EventTarget --- -<nav>{{ApiRef("DOM Events")}}</nav> +<div>{{ApiRef("DOM Events")}}</div> -<p><span class="seoSummary"><code>EventTarget</code> est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.</span></p> +<p><code>EventTarget</code> est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.</p> <p>{{domxref ("Element")}}, {{domxref ("Document")}} et {{domxref ("Window")}} sont les cibles d'événements les plus fréquentes, mais d'autres objets peuvent également être des cibles d'événements. Par exemple {{domxref ("XMLHttpRequest")}}, {{domxref ("AudioNode")}}, {{domxref ("AudioContext")}} et autres.</p> @@ -55,7 +55,7 @@ translation_of: Web/API/EventTarget <h3 id="Implémentation_simple_dEventTarget">Implémentation simple d'EventTarget</h3> -<pre class="brush: js notranslate">const EventTarget = function () { +<pre class="brush: js">const EventTarget = function () { this.listeners = {} } diff --git a/files/fr/web/api/eventtarget/removeeventlistener/index.html b/files/fr/web/api/eventtarget/removeeventlistener/index.html index 322b0772a1..bef6e42e79 100644 --- a/files/fr/web/api/eventtarget/removeeventlistener/index.html +++ b/files/fr/web/api/eventtarget/removeeventlistener/index.html @@ -74,12 +74,12 @@ element.removeEventListener("mousedown", handleMouseDown, true);</pre> <p>Maintenant, regardez chacun de ces appels successifs à <code>removeEventListener()</code>. N'importe lequel d'entre eux dans lequel <code>capture</code> ou <code>useCapture</code> est <code>true</code> (<em>vrai</em>) échoue ; tous les autres réussissent. Seul le paramètre de <code>capture</code> est important pour <code>removeEventListener()</code>.</p> -<pre class="brush: js line-numbers language-js"><code class="language-js">element.removeEventListener("mousedown", handleMouseDown, { passive: true }); // Réussit +<pre class="brush: js">element.removeEventListener("mousedown", handleMouseDown, { passive: true }); // Réussit element.removeEventListener("mousedown", handleMouseDown, { capture: false }); // Réussit element.removeEventListener("mousedown", handleMouseDown, { capture: true }); // Échoue element.removeEventListener("mousedown", handleMouseDown, { passive: false }); // Réussit element.removeEventListener("mousedown", handleMouseDown, false); // Réussit -element.removeEventListener("mousedown", handleMouseDown, true); // Échoue</code> +element.removeEventListener("mousedown", handleMouseDown, true); // Échoue </pre> <p>Il est à noter que certaines versions du navigateur ont été incohérentes à ce sujet, et sauf si vous avez des raisons spécifiques, il est probablement sage d'utiliser les mêmes valeurs que pour l'appel à <code>addEventListener()</code> lors de l'appel de <code>removeEventListener()</code>.</p> |