initial commit

1 files changed, 37 insertions, 0 deletions

diff --git a/files/fr/outils/inspecteur/comment/examiner_les_écouteurs_d_évènements/index.html b/files/fr/outils/inspecteur/comment/examiner_les_écouteurs_d_évènements/index.html
new file mode 100644
index 0000000000..192e82ef37
--- /dev/null
+++ b/files/fr/outils/inspecteur/comment/examiner_les_écouteurs_d_évènements/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>