From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/eventtarget/addeventlistener/index.html |  8 +++++---
 files/fr/web/api/eventtarget/dispatchevent/index.html    | 16 ++++++++--------
 files/fr/web/api/eventtarget/eventtarget/index.html      |  2 +-
 files/fr/web/api/eventtarget/index.html                  |  6 +++---
 .../web/api/eventtarget/removeeventlistener/index.html   |  4 ++--
 5 files changed, 19 insertions(+), 17 deletions(-)

(limited to 'files/fr/web/api/eventtarget')

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

{{APIRef("DOM Events")}}

-

La méthode addEventListener() de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible. 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")}}).

+

>La méthode addEventListener() de {{domxref("EventTarget")}} attache une fonction à appeler chaque fois que l'évènement spécifié est envoyé à la cible.

+ +

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")}}).

addEventListener() 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é.

@@ -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) {

Ancienne manière d'enregistrer les écouteurs d'évènements

-

La méthode addEventListener() a été ajoutée dans la spécification DOM 2 Events. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :

+

La méthode addEventListener() a été ajoutée dans la spécification DOM 2 Events. Avant cela, les écouteurs d'évènements étaient enregistrés de la manière suivante :

 // 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
 
 

Envoie un {{domxref("Event")}} (évènement) à la {{domxref("EventTarget")}} (cible) spécifiée (synchrone) en appelant les {{domxref("EventListener")}} (écouteurs)  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 dispatchEvent().

-

Syntaxe

+

Syntaxe

cancelled = !target.dispatchEvent(event)
 
-

Paramètres

+

Paramètres

  • event est un objet {{domxref("Event")}} à envoyer.
  • @@ -33,17 +33,17 @@ translation_of: Web/API/EventTarget/dispatchEvent

    La méthode dispatchEvent lance une exception UNSPECIFIED_EVENT_TYPE_ERR 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 null 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.

    -

    Notes

    +

    Notes

    -

    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 boucle des événements, dispatchEvent 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 à dispatchEvent.

    +

    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 boucle des événements, dispatchEvent 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 à dispatchEvent.

    -

    Comme montré dans l'exemple qui précède, dispatchEvent 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 constructeur d'évènements.

    +

    Comme montré dans l'exemple qui précède, dispatchEvent 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 constructeur d'évènements.

    -

    Voir aussi Objet Event référence.

    +

    Voir aussi Objet Event référence.

    Exemple

    -

    Voir Création et déclenchement d'évènements.

    +

    Voir Création et déclenchement d'évènements.

    Spécification

    @@ -64,7 +64,7 @@ translation_of: Web/API/EventTarget/dispatchEvent -

    Compatibilité des navigateurs

    +

    Compatibilité des navigateurs

    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

    Exemples

    -
    class MyEventTarget extends EventTarget {
    +
    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
     ---
    -
    +
    {{ApiRef("DOM Events")}}
    -

    EventTarget est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.

    +

    EventTarget est une interface DOM implémentée par des objets qui peuvent recevoir des événements et peuvent avoir des écouteurs pour eux.

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

    @@ -55,7 +55,7 @@ translation_of: Web/API/EventTarget

    Implémentation simple d'EventTarget

    -
    const EventTarget = function () {
    +
    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);

    Maintenant, regardez chacun de ces appels successifs à removeEventListener(). N'importe lequel d'entre eux dans lequel capture ou useCapture est true (vrai) échoue ; tous les autres réussissent. Seul le paramètre de capture est important pour removeEventListener().

    -
    element.removeEventListener("mousedown", handleMouseDown, { passive: true });     // Réussit
    +
    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
    +element.removeEventListener("mousedown", handleMouseDown, true);                  // Échoue
     

    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 à addEventListener() lors de l'appel de removeEventListener().

    -- cgit v1.2.3-54-g00ecf