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/event/bubbles/index.html          |  28 +++---
 files/fr/web/api/event/cancelable/index.html       |  38 ++++---
 files/fr/web/api/event/cancelbubble/index.html     |   8 +-
 .../event/comparison_of_event_targets/index.html   |  34 +++----
 files/fr/web/api/event/currenttarget/index.html    |   6 +-
 files/fr/web/api/event/defaultprevented/index.html |   4 +-
 files/fr/web/api/event/event/index.html            |  12 +--
 files/fr/web/api/event/eventphase/index.html       | 112 ++++++++++-----------
 files/fr/web/api/event/index.html                  |   4 +-
 files/fr/web/api/event/initevent/index.html        |  12 +--
 files/fr/web/api/event/istrusted/index.html        |   2 +-
 files/fr/web/api/event/originaltarget/index.html   |  12 +--
 files/fr/web/api/event/returnvalue/index.html      |  10 +-
 files/fr/web/api/event/srcelement/index.html       |   2 +-
 files/fr/web/api/event/stoppropagation/index.html  |  24 ++---
 files/fr/web/api/event/target/index.html           |  40 ++++----
 files/fr/web/api/event/timestamp/index.html        |  52 +++++-----
 files/fr/web/api/event/type/index.html             |  68 ++++++-------
 18 files changed, 222 insertions(+), 246 deletions(-)

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

diff --git a/files/fr/web/api/event/bubbles/index.html b/files/fr/web/api/event/bubbles/index.html
index 0c59b8b0f6..6c9a6b68fc 100644
--- a/files/fr/web/api/event/bubbles/index.html
+++ b/files/fr/web/api/event/bubbles/index.html
@@ -14,7 +14,7 @@ translation_of: Web/API/Event/bubbles
 

Indique si l'événement donné se propage à travers le DOM ou non.

-

Note : Voir Propagation et capture des évènements pour plus d'informations sur la propagation.

+

Note : Voir Propagation et capture des évènements pour plus d'informations sur la propagation.

Syntaxe

@@ -25,23 +25,23 @@ translation_of: Web/API/Event/bubbles

Retourne un booléen dont la valeur est true (vraie) si l'événement se propage à travers le DOM.

-

Exemple

+

Exemple

-
function goInput(e) {
-  // vérifie la propagation et
-  if (!e.bubbles) {
-     // la lance si elle ne l'a pas été
-     passItOn(e);
-  }
-  // déjà propagé
-  doOutput(e)
-}
+
function goInput(e) {
+  // vérifie la propagation et
+  if (!e.bubbles) {
+     // la lance si elle ne l'a pas été
+     passItOn(e);
+  }
+  // déjà propagé
+  doOutput(e)
+}
-

Note : Certains évènements seulement peuvent se propager. Ceux dont cette propriété est définie à  true. Vous pouvez utiliser cette propriété pour vérifier si un évènement est autorisé à se propager ou non.

+

Note : Certains évènements seulement peuvent se propager. Ceux dont cette propriété est définie à  true. Vous pouvez utiliser cette propriété pour vérifier si un évènement est autorisé à se propager ou non.

-

Spécifications

+

Spécifications

@@ -79,5 +79,5 @@ translation_of: Web/API/Event/bubbles

Voir aussi

diff --git a/files/fr/web/api/event/cancelable/index.html b/files/fr/web/api/event/cancelable/index.html index 0d17c1107e..3f3b86744b 100644 --- a/files/fr/web/api/event/cancelable/index.html +++ b/files/fr/web/api/event/cancelable/index.html @@ -11,15 +11,13 @@ translation_of: Web/API/Event/cancelable ---
{{ ApiRef("DOM") }}
-

Résumé

-

La propriété  cancelable (annulable) de "Event" Indique si l'événement peut être annulé et donc empêché, comme si l'événement ne s'était jamais produit. Si l'événement n'est pas annulable, alors sa propriété cancelable est à false (faux) et l'écouteur d'événement ne peut pas l'arrêter.

L'appel de {{domxref("event.preventDefault", "preventDefault()")}} sur un évènement qui ne peut être annulé produit une erreur, aussi les écouteurs d'évènement qui gèrent de nombreux types d'évènements peuvent être vérifiés avec cancelable avant d'appeler leurs méthodes preventDefault().

-

La plupart des événements natifs du navigateur qui peuvent être annulés sont ceux qui résultent de l'interaction de l'utilisateur avec la page. L'annulation des événements click, scroll ou beforeunload empêcherait l'utilisateur de cliquer sur un élément, de faire défiler la page ou de la quitter, respectivement.

+

La plupart des événements natifs du navigateur qui peuvent être annulés sont ceux qui résultent de l'interaction de l'utilisateur avec la page. L'annulation des événements click, scroll ou beforeunload empêcherait l'utilisateur de cliquer sur un élément, de faire défiler la page ou de la quitter, respectivement.

-

Syntaxe

+

Syntaxe

bool = event.cancelable
 
@@ -28,33 +26,33 @@ translation_of: Web/API/Event/cancelable
  • Le résultat est un booléen qui est true (vrai) si l'événement peut être annulé.
  • -

    Exemple

    +

    Exemple

    -

    Par exemple, les vendeurs de navigateurs proposent que l'évènement wheel puisse être annulable seulement  la première fois que l'écouteur est appelé (en) ; les évènements  wheel suivants ne peuvent être annulés.

    +

    Par exemple, les vendeurs de navigateurs proposent que l'évènement wheel puisse être annulable seulement  la première fois que l'écouteur est appelé (en) ; les évènements  wheel suivants ne peuvent être annulés.

    -
    function preventScrollWheel(event) {
    -  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
    -    // L'événement peut être annulé, alors nous le faisons.
    -    event.preventDefault();
    -  } else {
    -    // L'évènement ne peut pas être annulé, il n'est donc pas sûr
    -    // d'appeler preventDefault() sur lui.
    -    console.warn(`The following event couldn't be canceled:`);
    -    console.dir(event);
    -  }
    -}
    +
    function preventScrollWheel(event) {
    +  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
    +    // L'événement peut être annulé, alors nous le faisons.
    +    event.preventDefault();
    +  } else {
    +    // L'évènement ne peut pas être annulé, il n'est donc pas sûr
    +    // d'appeler preventDefault() sur lui.
    +    console.warn(`The following event couldn't be canceled:`);
    +    console.dir(event);
    +  }
    +}
     
    -document.addEventListener('wheel', preventCancelableEvents);
    +document.addEventListener('wheel', preventCancelableEvents);

     

    -

    Notes

    +

    Notes

    Si l'événement peut être annulé, ou non, est déterminé au moment de l'initialisation de celui-ci.

    Pour annuler un événement, utiliser la méthode {{domxref("event.preventDefault", "preventDefault()")}} sur celui-ci. Cela permet d'empêcher l'action par défaut associée à l'événement de s'exécuter.

    -

    Spécifications

    +

    Spécifications

    diff --git a/files/fr/web/api/event/cancelbubble/index.html b/files/fr/web/api/event/cancelbubble/index.html index fad1a2ca95..07d891daed 100644 --- a/files/fr/web/api/event/cancelbubble/index.html +++ b/files/fr/web/api/event/cancelbubble/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/Event/cancelBubble

    La propriété Event.cancelBubble est un alias historique de {{domxref("Event.stopPropagation()")}}. Définir sa valeur à true (vrai) avant le renvoi à partir d'un gestionnaire d'évènements empêche la propagation de l'évènement. Dans les implémentations les plus tardives, cette définition à false (faux) ne fait rien. Voir {{anch("Compatibilité des navigateurs")}} pour plus de détails. 

    -

    Syntaxe

    +

    Syntaxe

    event.cancelBubble = bool;
     var bool = event.cancelBubble;
    @@ -44,10 +44,6 @@ translation_of: Web/API/Event/cancelBubble
      
     
    -

    Compatibilité des navigateurs

    - - +

    Compatibilité des navigateurs

    {{Compat("api.Event.cancelBubble")}}

    - -
     
    diff --git a/files/fr/web/api/event/comparison_of_event_targets/index.html b/files/fr/web/api/event/comparison_of_event_targets/index.html index 5ffc759a23..1c4262776f 100644 --- a/files/fr/web/api/event/comparison_of_event_targets/index.html +++ b/files/fr/web/api/event/comparison_of_event_targets/index.html @@ -10,7 +10,7 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements ---

    {{ ApiRef() }}

    -

    Cibles d'évènements

    +

    Cibles d'évènements

    Il est facile de s'interroger sur la cible à examiner lors de l'écriture d'un gestionnaire d'événements. Cet article devrait clarifier l'utilisation des propriétés de la cible.

    @@ -24,8 +24,8 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements Objectif - event.target - DOM Event Interface + event.target + DOM Event Interface

    L'élément DOM sur le côté gauche de l'appel qui a déclenché cet événement, par exemple :

    @@ -35,34 +35,34 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements - event.currentTarget - DOM Event Interface - La EventTarget (cible d'évènement) que les EventListeners traitent actuellement. Au fur et à mesure de la capture et de la diffusion des évènements, cette valeur change. + event.currentTarget + DOM Event Interface + La EventTarget (cible d'évènement) que les EventListeners traitent actuellement. Au fur et à mesure de la capture et de la diffusion des évènements, cette valeur change. - event.relatedTarget - DOM MouseEvent Interface + event.relatedTarget + DOM MouseEvent Interface Identifie une cible secondaire pour l'évènement. - event.explicitOriginalTarget + event.explicitOriginalTarget {{ Source("/dom/public/idl/events/nsIDOMNSEvent.idl", "nsIDOMNSEvent.idl") }} {{ Non-standard_inline() }} Si l'évènement a été reciblé pour quelque raison autre que  un passage de limite anonyme, il sera défini sur la cible avant le reciblage. Par exemple, les évènements de souris sont reciblés vers leur noeud parent quand ils surviennent sur des noeuds de texte ({{ Bug("185889") }}), et, dans ce cas, .target affichera le parent .explicitOriginalTarget et le noeud de texte.
    Contrairement à .originalTarget, .explicitOriginalTarget n'aura jamais de contenu anonyme. - event.originalTarget + event.originalTarget {{ Source("/dom/public/idl/events/nsIDOMNSEvent.idl", "nsIDOMNSEvent.idl") }} - {{ Non-standard_inline() }} La cible originale de l'évènement, avant tout reciblage. Voir Anonymous Content#Event_Flow_and_Targeting pour plus de détails. + {{ Non-standard_inline() }} La cible originale de l'évènement, avant tout reciblage. Voir Anonymous Content#Event_Flow_and_Targeting pour plus de détails. -

    Utilisation de explicitOriginalTarget et originalTarget

    +

    Utilisation de explicitOriginalTarget et originalTarget

    Problème : Seulement disponible dans un navigateur basé sur Mozilla ? Problème : Convient uniquement aux développeurs d'extensions ?

    -

    Exemples

    +

    Exemples

    <!DOCTYPE html>
     <html>
    @@ -130,7 +130,7 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements
     </body>
     </html>
    -

    Utilisation de target et relatedTarget

    +

    Utilisation de target et relatedTarget

    La propriété relatedTarget (cible associée) pour l'évènement mouseover  détient le noeud que la souris avait précédemment atteint. Pour l'évènement mouseout, il détient le noeud que la souris a déplacé à.

    @@ -138,8 +138,8 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements Type d'évènement - event.target - event.relatedTarget + event.target + event.relatedTarget mouseover @@ -156,7 +156,7 @@ original_slug: Web/API/Event/Comparaison_des_cibles_d_évènements

    Problème : A également besoin de descriptions sur les évènements dragenter et dragexit.

    -

    Exemple

    +

    Exemple

    <hbox id="outer">
       <hbox id="inner"
    diff --git a/files/fr/web/api/event/currenttarget/index.html b/files/fr/web/api/event/currenttarget/index.html
    index 996b6748fa..d70ad8d00f 100644
    --- a/files/fr/web/api/event/currenttarget/index.html
    +++ b/files/fr/web/api/event/currenttarget/index.html
    @@ -15,7 +15,7 @@ translation_of: Web/API/Event/currentTarget
     
     

    Syntaxe

    -
    var currentEventTarget = event.currentTarget;
    +
    var currentEventTarget = event.currentTarget;

    Valeur

    @@ -25,7 +25,7 @@ translation_of: Web/API/Event/currentTarget

    Event.currentTarget peut s'avérer utile lorsqu'on attache le même gestionnaire d'évènement à plusieurs éléments.

    -
    // Cette fonction masque la cible courante de l'évènement
    +
    // Cette fonction masque la cible courante de l'évènement
     // et l'affiche dans la console.
     function hide(e){
       e.currentTarget.style.visibility = 'hidden';
    @@ -46,7 +46,7 @@ document.body.addEventListener('click', hide, false);
     
    -

    Note : La valeur de event.currentTarget est uniquement disponible lorsque l'évènement est géré. Ainsi, on ne pourra pas observer la valeur de currentTarget a posteriori (ex. si on a stocké la valeur d'event dans une variable lors de la gestion de l'évènement puis qu'on utilise celle-ci plus tard, event.currentTarget aura la valeur null).

    +

    Note : La valeur de event.currentTarget est uniquement disponible lorsque l'évènement est géré. Ainsi, on ne pourra pas observer la valeur de currentTarget a posteriori (ex. si on a stocké la valeur d'event dans une variable lors de la gestion de l'évènement puis qu'on utilise celle-ci plus tard, event.currentTarget aura la valeur null).

    Spécifications

    diff --git a/files/fr/web/api/event/defaultprevented/index.html b/files/fr/web/api/event/defaultprevented/index.html index 395c353226..f5b25e7c7d 100644 --- a/files/fr/web/api/event/defaultprevented/index.html +++ b/files/fr/web/api/event/defaultprevented/index.html @@ -14,7 +14,9 @@ translation_of: Web/API/Event/defaultPrevented

    Retourne un booléen indiquant si {{domxref("event.preventDefault()")}} a été appelée sur l'évènement ou non.

    -
    Note : Cette propriété doit etre utilisée au lieu de la méthode getPreventDefault() qui n'est pas standard et est désormais dépréciée (voir {{bug(691151)}}).
    +
    +

    Note : Cette propriété doit etre utilisée au lieu de la méthode getPreventDefault() qui n'est pas standard et est désormais dépréciée (voir {{bug(691151)}}).

    +

    Syntaxe

    diff --git a/files/fr/web/api/event/event/index.html b/files/fr/web/api/event/event/index.html index 464a126f19..8a6992dc29 100644 --- a/files/fr/web/api/event/event/index.html +++ b/files/fr/web/api/event/event/index.html @@ -21,16 +21,12 @@ translation_of: Web/API/Event/Event
    typeArg
    C'est une {{domxref("DOMString")}} (chaîne de caractères) représentant le nom de l'évènement.
    -
    eventInit {{optional_inline}}
    -
    - -
    -
    C'est un dictionnaire EventInit ayant les champs suivants : - +
    eventInit{{optional_inline}}
    +

    C'est un dictionnaire EventInit ayant les champs suivants :

    • bubbles: (facultatif) un {{jsxref("Boolean")}} indiquant si les événements sont propagés . Par défaut est false (faux).
    • cancelable: (facultatif) un {{jsxref("Boolean")}} indiquant si l'évènement peut être annulé. Par défaut est false (faux) .
    • -
    • composed: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est false (faux) .
    • +
    • composed: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est false (faux) .
    @@ -47,7 +43,7 @@ myDiv.dispatchEvent(evt);

    Spécifications

    - +
    diff --git a/files/fr/web/api/event/eventphase/index.html b/files/fr/web/api/event/eventphase/index.html index 439f769f0a..290a0e6659 100644 --- a/files/fr/web/api/event/eventphase/index.html +++ b/files/fr/web/api/event/eventphase/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Event/eventPhase

    Constantes

    -

    Constantes de phase d'événement

    +

    Constantes de phase d'événement

    Ces valeurs décrivent quelle est la phase du flux d'événements actuellement évalué.

    @@ -63,9 +63,9 @@ translation_of: Web/API/Event/eventPhase
    Spécification
    -

    Pour plus de détails, voir section 3.1, Event dispatch and DOM event flow (en) de la spécification du DOM niveau 3 sur les évènements .

    +

    Pour plus de détails, voir section 3.1, Event dispatch and DOM event flow (en) de la spécification du DOM niveau 3 sur les évènements .

    -

    Exemple

    +

    Exemple

    HTML

    @@ -106,59 +106,59 @@ translation_of: Web/API/Event/eventPhase

    JavaScript

    -
    var clear = false, divInfo = null, divs = null, useCapture = false;
    -window.onload = function () {
    -  divInfo = document.getElementById("divInfo");
    -  divs = document.getElementsByTagName('div');
    -  chCapture = document.getElementById("chCapture");
    -  chCapture.onclick = function () {
    -    RemoveListeners();
    -    AddListeners();
    -  }
    -  Clear();
    -  AddListeners();
    -}
    -
    -function RemoveListeners() {
    -  for (var i = 0; i < divs.length; i++) {
    -    var d = divs[i];
    -    if (d.id != "divInfo") {
    -      d.removeEventListener("click", OnDivClick, true);
    -      d.removeEventListener("click", OnDivClick, false);
    -    }
    -  }
    -}
    -
    -function AddListeners() {
    -  for (var i = 0; i < divs.length; i++) {
    -    var d = divs[i];
    -    if (d.id != "divInfo") {
    -      if (chCapture.checked)
    -        d.addEventListener("click", OnDivClick, true);
    -      else
    -        d.addEventListener("click", OnDivClick, false);
    -      d.onmousemove = function () { clear = true; };
    -    }
    -  }
    -}
    -
    -function OnDivClick(e) {
    -  if (clear) {
    -    Clear(); clear = false;
    -  }
    -  if (e.eventPhase == 2)
    -    e.currentTarget.style.backgroundColor = 'red';
    -  var level = e.eventPhase == 0 ? "none" : e.eventPhase == 1 ? "capturing" : e.eventPhase == 2 ? "target" : e.eventPhase == 3 ? "bubbling" : "error";
    -  divInfo.innerHTML += e.currentTarget.id + "; eventPhase: " + level + "<br/>";
    -}
    -
    -function Clear() {
    -  for (var i = 0; i < divs.length; i++) {
    -    if (divs[i].id != "divInfo")
    -      divs[i].style.backgroundColor = (i & 1) ? "#f6eedb" : "#cceeff";
    -  }
    -  divInfo.innerHTML = '';
    -}
    +
    var clear = false, divInfo = null, divs = null, useCapture = false;
    +window.onload = function () {
    +  divInfo = document.getElementById("divInfo");
    +  divs = document.getElementsByTagName('div');
    +  chCapture = document.getElementById("chCapture");
    +  chCapture.onclick = function () {
    +    RemoveListeners();
    +    AddListeners();
    +  }
    +  Clear();
    +  AddListeners();
    +}
    +
    +function RemoveListeners() {
    +  for (var i = 0; i < divs.length; i++) {
    +    var d = divs[i];
    +    if (d.id != "divInfo") {
    +      d.removeEventListener("click", OnDivClick, true);
    +      d.removeEventListener("click", OnDivClick, false);
    +    }
    +  }
    +}
    +
    +function AddListeners() {
    +  for (var i = 0; i < divs.length; i++) {
    +    var d = divs[i];
    +    if (d.id != "divInfo") {
    +      if (chCapture.checked)
    +        d.addEventListener("click", OnDivClick, true);
    +      else
    +        d.addEventListener("click", OnDivClick, false);
    +      d.onmousemove = function () { clear = true; };
    +    }
    +  }
    +}
    +
    +function OnDivClick(e) {
    +  if (clear) {
    +    Clear(); clear = false;
    +  }
    +  if (e.eventPhase == 2)
    +    e.currentTarget.style.backgroundColor = 'red';
    +  var level = e.eventPhase == 0 ? "none" : e.eventPhase == 1 ? "capturing" : e.eventPhase == 2 ? "target" : e.eventPhase == 3 ? "bubbling" : "error";
    +  divInfo.innerHTML += e.currentTarget.id + "; eventPhase: " + level + "<br/>";
    +}
    +
    +function Clear() {
    +  for (var i = 0; i < divs.length; i++) {
    +    if (divs[i].id != "divInfo")
    +      divs[i].style.backgroundColor = (i & 1) ? "#f6eedb" : "#cceeff";
    +  }
    +  divInfo.innerHTML = '';
    +}

    {{ EmbedLiveSample('Example', '', '700', '', 'Web/API/Event/eventPhase') }}

    diff --git a/files/fr/web/api/event/index.html b/files/fr/web/api/event/index.html index b8c7a25d24..a85599f14b 100644 --- a/files/fr/web/api/event/index.html +++ b/files/fr/web/api/event/index.html @@ -26,7 +26,6 @@ translation_of: Web/API/Event

    On notera que l'ensemble des interfaces d'évènements ont un nom qui termine par Event (« évènement » en anglais).

    -
    -

    Constructeur

    -
    Event()
    +
    Event()
    Crée un objet Event et le renvoie à l'appelant.
    diff --git a/files/fr/web/api/event/initevent/index.html b/files/fr/web/api/event/initevent/index.html index 983a23e130..6f06e8b7f3 100644 --- a/files/fr/web/api/event/initevent/index.html +++ b/files/fr/web/api/event/initevent/index.html @@ -13,15 +13,15 @@ translation_of: Web/API/Event/initEvent

    La méthode Event.initEvent() est utilisée pour initialiser la valeur d'un objet {{domxref("event")}} créé à l'aide de {{domxref("Document.createEvent()")}}.

    -

    Les évènements initialisés par ce moyen ont été créés par la méthode {{domxref("Document.createEvent()")}}. Celle-ci doit être appelée à définir l'évènement avant qu'il ne soit distribué, en utilisant {{domxref("EventTarget.dispatchEvent()")}}. Une fois l'évènement transmis, la méthode ne fait plus rien.

    +

    Les évènements initialisés par ce moyen ont été créés par la méthode {{domxref("Document.createEvent()")}}. Celle-ci doit être appelée à définir l'évènement avant qu'il ne soit distribué, en utilisant {{domxref("EventTarget.dispatchEvent()")}}. Une fois l'évènement transmis, la méthode ne fait plus rien.

    -

    Note : Ne pas utiliser cette méthode qui est dépréciée

    +

    Note : Ne pas utiliser cette méthode qui est dépréciée.

    -

    À la place, utilisez un constructeur d'évènements spécifique comme {{domxref("Event.Event", "Event()")}} . La page Création et déclenchement d'évènements vous donne plus d'informations sur la manière de les utiliser.

    +

    À la place, utilisez un constructeur d'évènements spécifique comme {{domxref("Event.Event", "Event()")}} . La page Création et déclenchement d'évènements vous donne plus d'informations sur la manière de les utiliser.

    -

    Syntaxe

    +

    Syntaxe

    event.initEvent(type, bubbles, cancelable)
     
    @@ -35,7 +35,7 @@ translation_of: Web/API/Event/initEvent
    Une valeur booléenne définissant si l'évènement peut être annulé. Une fois déterminé, la propriété en lecture seule  {{ domxref("Event.cancelable") }}  donnera sa valeur.
    -

    Exemple

    +

    Exemple

    // Crée un évènement.
     var event = document.createEvent('Event');
    @@ -64,7 +64,7 @@ elem.dispatchEvent(event);
       
        {{SpecName('DOM WHATWG', '#dom-event-initevent','Event.initEvent()')}}
        {{Spec2("DOM WHATWG")}}
    -   Depuis {{SpecName('DOM2 Events')}}, dépréciée, remplacée par les constructeurs d'événements.
    +   Depuis {{SpecName('DOM2 Events')}}, dépréciée, remplacée par les constructeurs d'événements.
       
       
        {{SpecName('DOM2 Events','##Events-Event-initEvent','Event.initEvent()')}}
    diff --git a/files/fr/web/api/event/istrusted/index.html b/files/fr/web/api/event/istrusted/index.html
    index 65df2eb716..0267223d10 100644
    --- a/files/fr/web/api/event/istrusted/index.html
    +++ b/files/fr/web/api/event/istrusted/index.html
    @@ -13,7 +13,7 @@ translation_of: Web/API/Event/isTrusted
     
     

    La propriété en lecture seule isTrusted, de l'interface {{domxref("Event")}}, est un booléen qui vaut true lorsque l'événement est généré par une action de l'utilisateur, et false, quand l'événement est créé ou modifié par un script ou envoyé par dispatchEvent.

    -

    Syntaxe

    +

    Syntaxe

    var bool = event.isTrusted;
     
    diff --git a/files/fr/web/api/event/originaltarget/index.html b/files/fr/web/api/event/originaltarget/index.html index ad65cdc914..810c8276a5 100644 --- a/files/fr/web/api/event/originaltarget/index.html +++ b/files/fr/web/api/event/originaltarget/index.html @@ -12,23 +12,19 @@ translation_of: Web/API/Event/originalTarget ---
    {{ ApiRef("DOM") }} {{Non-standard_header}}
    -
     
    - -

    Résumé

    -

    La cible d'origine de l'évènement avant tout reciblage. (spécifique à Mozilla)

    -

    En présence de contenu anonyme XBL, ce sera le nœud anonyme sur lequel l'événement a été déclenché à l'origine. Voir Anonymous Content#Event_Flow_and_Targeting pour plus de détails.

    +

    En présence de contenu anonyme XBL, ce sera le nœud anonyme sur lequel l'événement a été déclenché à l'origine. Voir Anonymous Content#Event_Flow_and_Targeting pour plus de détails.

    Note : originalTarget peut aussi être un contenu anonyme natif  (voir {{Bug("208427")}}), dans ce cas, il est inutile pour le code non privilégié.

    -

    Voir aussi Comparaison des cibles d'évènements.

    +

    Voir aussi Comparaison des cibles d'évènements.

    -

    Exemple

    +

    Exemple

    Besoin d'un exemple qui ait du sens ici. ^^

    -

    Spécification

    +

    Spécification

    C'est une propriété propre à Mozilla. Définie dans {{Source("/dom/public/idl/events/nsIDOMNSEvent.idl")}}

    diff --git a/files/fr/web/api/event/returnvalue/index.html b/files/fr/web/api/event/returnvalue/index.html index 98863439b0..97654470d7 100644 --- a/files/fr/web/api/event/returnvalue/index.html +++ b/files/fr/web/api/event/returnvalue/index.html @@ -14,10 +14,10 @@ translation_of: Web/API/Event/returnValue

    La propriété Event.returnValue indique si l'action par défaut pour cet évènement a été empêchée ou non. Elle est définie à true (vrai) par défaut, permettant à l'action par défaut de se produire. La définition de cette propriété à false (faux) empêche le déclenchement de l'action par défaut.

    -

    Utilisez {{domxref("Event.preventDefault()")}} à la place de cette méthode non standard.

    +

    Note : Utilisez {{domxref("Event.preventDefault()")}} à la place de cette méthode non standard.

    -

    Syntaxe

    +

    Syntaxe

    event.returnValue = bool;
     var bool = event.returnValue;
    @@ -27,10 +27,6 @@ translation_of: Web/API/Event/returnValue
     
     

    Bien qu'elle ait été inclue dans l'ancien brouillon de travail de W3C DOM niveau 2, cette propriété ne fait partie d'aucune spécification.

    -

    Compatibilité des navigateurs

    - - +

    Compatibilité des navigateurs

    {{Compat("api.Event.returnValue")}}

    - -
     
    diff --git a/files/fr/web/api/event/srcelement/index.html b/files/fr/web/api/event/srcelement/index.html index 94328eecf1..6b0ab681b4 100644 --- a/files/fr/web/api/event/srcelement/index.html +++ b/files/fr/web/api/event/srcelement/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Event/srcElement

    {{ Non-standard_header() }}

    -

    Event.srcElement est un alias propriétaire (implémenté dans Internet Explorer) pour la propriété standard {{domxref("Event.target")}} qui commence à être pris en charge dans d'autres navigateurs à des fins de compatibilité Web.

    +

    Event.srcElement est un alias propriétaire (implémenté dans Internet Explorer) pour la propriété standard {{domxref("Event.target")}} qui commence à être pris en charge dans d'autres navigateurs à des fins de compatibilité Web.

    Spécification

    diff --git a/files/fr/web/api/event/stoppropagation/index.html b/files/fr/web/api/event/stoppropagation/index.html index 5956fc1e5b..1f8dd6e09f 100644 --- a/files/fr/web/api/event/stoppropagation/index.html +++ b/files/fr/web/api/event/stoppropagation/index.html @@ -9,25 +9,25 @@ tags: - Reference translation_of: Web/API/Event/stopPropagation --- -

    {{APIRef("DOM")}}

    +
    {{APIRef("DOM")}}

    Évite que l'évènement courant ne se propage plus loin dans les phases de capture et de déploiement.

    -

    Syntaxe

    +

    Syntaxe

    event.stopPropagation();
    -

    Exemple

    +

    Exemple

    -

    Voir la section Exemple 5 : Propagation d'évènements dans le chapitre Exemples pour un exemple plus détaillé de cette méthode et de la propagation d'évènements dans le DOM.

    +

    Voir la section Exemple 5 : Propagation d'évènements dans le chapitre Exemples pour un exemple plus détaillé de cette méthode et de la propagation d'évènements dans le DOM.

    -

    Notes

    +

    Notes

    -

    Voir DOM specification (en)  pour une explication du flux d'évènements. (Une illustration est disponible dans le brouillon DOM Level 3 Event draft (en)).

    +

    Voir DOM specification (en)  pour une explication du flux d'évènements. (Une illustration est disponible dans le brouillon DOM Level 3 Event draft (en)).

    -

    preventDefault est une méthode complémentaire qui peut être utilisée pour empêcher l'action par défaut de l'évènement.

    +

    preventDefault est une méthode complémentaire qui peut être utilisée pour empêcher l'action par défaut de l'évènement.

    -

    Spécification

    +

    Spécification

    @@ -56,10 +56,4 @@ translation_of: Web/API/Event/stopPropagation

    Compatibilité des navigateurs

    - - -

    {{Compat("api.Event.stopPropagation")}}

    - -
    -
     
    -
    +

    {{Compat("api.Event.stopPropagation")}}

    \ No newline at end of file diff --git a/files/fr/web/api/event/target/index.html b/files/fr/web/api/event/target/index.html index b624041ab6..2ab12c5de0 100644 --- a/files/fr/web/api/event/target/index.html +++ b/files/fr/web/api/event/target/index.html @@ -13,32 +13,32 @@ translation_of: Web/API/Event/target

    C'est une référence à l'objet qui a envoyé l'événement. C'est une propriété différente de {{domxref("event.currentTarget")}} lorsque le gestionnaire d'événements est appelé au cours de la phase de propagation ou de la phase de capture de l'événement.

    -

    Syntaxe

    +

    Syntaxe

    laCible = event.target
    -

    Exemple

    +

    Exemple

    La propriété event.target peut être utilisée pour implémenter la délégation d'événements.

    -
    // Produit une liste
    -var ul = document.createElement('ul');
    -document.body.appendChild(ul);
    +
    // Produit une liste
    +var ul = document.createElement('ul');
    +document.body.appendChild(ul);
     
    -var li1 = document.createElement('li');
    -var li2 = document.createElement('li');
    -ul.appendChild(li1);
    -ul.appendChild(li2);
    +var li1 = document.createElement('li');
    +var li2 = document.createElement('li');
    +ul.appendChild(li1);
    +ul.appendChild(li2);
     
    -function hide(e){
    -  // e.target se réfère à l'élément <li> cliqué
    -  // C'est différent de e.currentTarget qui doit faire référence au parent <ul> dans ce contexte
    -  e.target.style.visibility = 'hidden';
    -}
    +function hide(e){
    +  // e.target se réfère à l'élément <li> cliqué
    +  // C'est différent de e.currentTarget qui doit faire référence au parent <ul> dans ce contexte
    +  e.target.style.visibility = 'hidden';
    +}
     
    -// Attache l'écouteur à la liste
    -// Il se déclenche pour chaque <li> clické
    -ul.addEventListener('click', hide, false);
    +// Attache l'écouteur à la liste +// Il se déclenche pour chaque <li> clické +ul.addEventListener('click', hide, false);

    Spécifications

    @@ -75,9 +75,9 @@ ul.addEventL

    Notes concernant la compatibilité

    -

    Sur IE6-8, le modèle d'événement est différent. Les écouteurs sont attachés avec la méthode non standard {{domxref('EventTarget.attachEvent')}} . Dans ce modèle, l'objet événement a une propriété  {{domxref('Event.srcElement')}}, à la place de la propriété target, avec la même sémantique que event.target.

    +

    Sur IE6-8, le modèle d'événement est différent. Les écouteurs sont attachés avec la méthode non standard {{domxref('EventTarget.attachEvent')}} . Dans ce modèle, l'objet événement a une propriété  {{domxref('Event.srcElement')}}, à la place de la propriété target, avec la même sémantique que event.target.

    -
    function hide(e) {
    +
    function hide(e) {
       // Support IE6-8
       var target = e.target || e.srcElement;
       target.style.visibility = 'hidden';
    @@ -86,4 +86,4 @@ ul.addEventL
     
     

    Voir aussi

    -

    Comparaison des cibles d'évènements

    +

    Comparaison des cibles d'évènements

    diff --git a/files/fr/web/api/event/timestamp/index.html b/files/fr/web/api/event/timestamp/index.html index b3e2333120..c4bc3ffe6a 100644 --- a/files/fr/web/api/event/timestamp/index.html +++ b/files/fr/web/api/event/timestamp/index.html @@ -14,65 +14,65 @@ translation_of: Web/API/Event/timeStamp

    Retourne le temps (en millisecondes) à partir duquel l'événement a été créé.

    -

    Note : Cette propriété fonctionne seulement si le système d'évènements le prend en charge pour des évènements particuliers.

    +

    Note : Cette propriété fonctionne seulement si le système d'évènements le prend en charge pour des évènements particuliers.

    -

    Syntaxe

    +

    Syntaxe

    event.timeStamp
     
    -

    Valeur

    +

    Valeur

    Cette valeur est un nombre de millisecondes écoulées depuis le début du temps de vie du document courant jusqu'à la création de l'évènement.

    Dans les nouvelles implémentations, la valeur est un {{domxref("DOMHighResTimeStamp")}} dont la précision est de 5 microsecondes (0,005 ms). Dans les implémentations plus anciennes, la valeur est un {{domxref("DOMTimeStamp")}} de précision d'une milliseconde.

    -

    Exemple

    +

    Exemple

    HTML

    -
    <p>
    +
    <p>
       Focus this iframe and press any key to get the
       current timestamp for the keypress event.
    -</p>
    -<p>timeStamp: <span id="time">-</span></p>
    +</p> +<p>timeStamp: <span id="time">-</span></p>

    JavaScript

    -
    function getTime(event) {
    -  var time = document.getElementById("time");
    -  time.firstChild.nodeValue = event.timeStamp;
    -}
    -document.body.addEventListener("keypress", getTime);
    +
    function getTime(event) {
    +  var time = document.getElementById("time");
    +  time.firstChild.nodeValue = event.timeStamp;
    +}
    +document.body.addEventListener("keypress", getTime);

    Résultat

    {{EmbedLiveSample("Example", "100%", 100)}}

    -

    Précision du temps réduite

    +

    Précision du temps réduite

    Pour offrir une protection contre les attaques de synchronisation et les empreintes digitales, la précision de event.timeStamp peut être arrondie en fonction des paramètres du navigateur.
    Dans Firefox, la préférence privacy.reduceTimerPrecision est activée et à 20 us par défaut dans Firefox 59 ; en version 60 ce sera 2 ms.

    -
    // Précision du temps réduite (2ms) dans Firefox 60
    -event.timeStamp;
    -// 1519211809934
    -// 1519211810362
    -// 1519211811670
    -// ...
    +
    // Précision du temps réduite (2ms) dans Firefox 60
    +event.timeStamp;
    +// 1519211809934
    +// 1519211810362
    +// 1519211811670
    +// ...
     
     
    -// Précision du temps réduite avec `privacy.resistFingerprinting` activé
    -event.timeStamp;
    -// 1519129853500
    -// 1519129858900
    -// 1519129864400
    -// ...
    +// Précision du temps réduite avec `privacy.resistFingerprinting` activé +event.timeStamp; +// 1519129853500 +// 1519129858900 +// 1519129864400 +// ...

    Dans Firefox, vous pouvez aussi activer privacy.resistFingerprinting, la précision sera de 100 ms ou la valeur de privacy.resistFingerprinting.reduceTimerPrecision.microseconds, selon la valeur la plus grande.

    -

    Spécifications

    +

    Spécifications

    diff --git a/files/fr/web/api/event/type/index.html b/files/fr/web/api/event/type/index.html index c50dcb0fea..7931a24a5a 100644 --- a/files/fr/web/api/event/type/index.html +++ b/files/fr/web/api/event/type/index.html @@ -15,63 +15,63 @@ translation_of: Web/API/Event/type

    L'argument event de {{ domxref("EventTarget.addEventListener()") }} et {{ domxref("EventTarget.removeEventListener()") }} n'est pas sensible à la casse.

    -

    Pour une liste des types d'événements disponibles, aller voir la page Référence des évènements.

    +

    Pour une liste des types d'événements disponibles, aller voir la page Référence des évènements.

    -

    Syntaxe

    +

    Syntaxe

    event.type
     
    -

    Exemples

    +

    Exemples

    -
    <!DOCTYPE html>
    -<html lang="en">
    -<head>
    -    <meta charset="utf-8">
    +
    <!DOCTYPE html>
    +<html lang="en">
    +<head>
    +    <meta charset="utf-8">
     
    -    <title>Event.type Example</title>
    +    <title>Event.type Example</title>
     
    -    <script>
    -        var currEvent;
    -        function getEvtType(evt) {
    -            console.group();
    +    <script>
    +        var currEvent;
    +        function getEvtType(evt) {
    +            console.group();
     
    -            currEvent = evt.type;
    -            console.log(currEvent);
    +            currEvent = evt.type;
    +            console.log(currEvent);
     
    -            document.getElementById("Etype").innerHTML = currEvent;
    +            document.getElementById("Etype").innerHTML = currEvent;
     
    -            console.groupEnd();
    -        }
    +            console.groupEnd();
    +        }
     
    -        //Évènements du clavier
    -        document.addEventListener("keypress", getEvtType, false); //[second]  
    +        //Évènements du clavier
    +        document.addEventListener("keypress", getEvtType, false); //[second]  
     
    -        document.addEventListener("keydown", getEvtType, false); //premier
    -        document.addEventListener("keyup", getEvtType, false); //troisième
    +        document.addEventListener("keydown", getEvtType, false); //premier
    +        document.addEventListener("keyup", getEvtType, false); //troisième
     
    -        //Évènements de la souris
    -        document.addEventListener("click", getEvtType, false); // troisième
    +        //Évènements de la souris
    +        document.addEventListener("click", getEvtType, false); // troisième
     
    -        document.addEventListener("mousedown", getEvtType, false); //premier
    -        document.addEventListener("mouseup", getEvtType, false); //second
    +        document.addEventListener("mousedown", getEvtType, false); //premier
    +        document.addEventListener("mouseup", getEvtType, false); //second
     
    -    </script>
    -</head>
    +    </script>
    +</head>
     
    -<body>
    +<body>
     
    -<p>Press any key or click the mouse to get the event type.</p>
    -<p>Event type: <span id="Etype" style="color:red">-</span></p>
    +<p>Press any key or click the mouse to get the event type.</p>
    +<p>Event type: <span id="Etype" style="color:red">-</span></p>
     
    -</body>
    -</html>
    +</body> +</html>
    -

    Résultat

    +

    Résultat

    {{EmbedLiveSample('Example')}}

    -

    Spécifications

    +

    Spécifications

    -- cgit v1.2.3-54-g00ecf