From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:40:17 -0500
Subject: initial commit

---
 .../index.html"                                    | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 "files/fr/outils/inspecteur/comment/examiner_les_\303\251couteurs_d_\303\251v\303\250nements/index.html"

(limited to 'files/fr/outils/inspecteur/comment/examiner_les_écouteurs_d_évènements')

diff --git "a/files/fr/outils/inspecteur/comment/examiner_les_\303\251couteurs_d_\303\251v\303\250nements/index.html" "b/files/fr/outils/inspecteur/comment/examiner_les_\303\251couteurs_d_\303\251v\303\250nements/index.html"
new file mode 100644
index 0000000000..192e82ef37
--- /dev/null
+++ "b/files/fr/outils/inspecteur/comment/examiner_les_\303\251couteurs_d_\303\251v\303\250nements/index.html"
@@ -0,0 +1,37 @@
+---
+title: Examiner les écouteurs d'évènements
+slug: Outils/Inspecteur/Comment/Examiner_les_écouteurs_d_évènements
+tags:
+  - Guide
+  - Inspector
+  - Tools
+translation_of: Tools/Page_Inspector/How_to/Examine_event_listeners
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>L'inspecteur affiche dans le <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">panneau HTML</a> le mot "event" à côté des éléments qui ont un écouteur lié :</p>
+
+<p> </p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/16253/inspect_element_with_eventhandler.png" style="border: 1px solid black; display: block; height: 24px; margin-left: auto; margin-right: auto; width: 491px;"></p>
+
+<p> </p>
+
+<p>Cliquer sur cette icône fera apparaitre une pop-up listant tous les écouteurs liés à cet élément :</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/16254/inspector_event_handlers.png" style="border: 1px solid black; display: block; height: 702px; margin-left: auto; margin-right: auto; width: 828px;">Chaque ligne contient :</p>
+
+<ul>
+ <li>Une flèche droite. Cliquer dessus étend la ligne et affiche le code source de la fonction de l'écouteur.</li>
+ <li>Le nom de l'évènement.</li>
+ <li>Le nom du fichier et le numéro de ligne où se trouve l'écouteur : cliquer fera apparaitre la fonction de l'écouteur dans la pop-up.</li>
+ <li>Une flèche courbée. Cliquer dessus affiche le code de l'handler dans le Débogueur</li>
+ <li>Une indication pour savoir si l'évènement se propage ("bubbles") ou non.</li>
+ <li>Une indication qui affiche le système qui définit l'évènement. Firefox peut afficher :
+  <ul>
+   <li>Les évènements DOM standards</li>
+   <li><a class="external external-icon" href="http://api.jquery.com/category/events/">Les évènements jQuerry</a></li>
+   <li><a href="https://facebook.github.io/react/docs/events.html">Les évènements React</a></li>
+  </ul>
+ </li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf