blob: 92925e21210dbc65ac832e0cad769f50e5b5e6de (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
---
title: S’arrêter sur un évènement DOM
slug: Tools/Debugger/Break_on_DOM_mutation
translation_of: Tools/Debugger/Break_on_DOM_mutation
translation_of_original: Tools/Debugger/How_to/Break_on_a_DOM_event
original_slug: Outils/Débogueur/Comment/S_arrêter_sur_un_évènement_DOM
---
<div>{{ToolsSidebar}}</div>
<div class="note">
<p>Cette fonctionnalité n'est pas encore supportée par le nouveau Débogueur.</p>
<p>La documentation de l'ancienne version du Débogueur est disponible sur la page <a href="/fr/docs/Tools/Debugger_%28before_Firefox_52%29">Débogueur (avant Firefox 52)</a>.</p>
</div>
<p>Si vous écoutez un évènement DOM, Il est possible d'indiquer au débogueur de s'arrêter lorsque l'événement est lancé, sans avoir besoin de chercher l'écouteur et de mettre un point d'arrêt manuellement.</p>
<p>Il faut d’abord cliquer sur le bouton "Développer les panneaux" de la <a href="/fr/docs/Tools/Debugger/UI_Tour#toolbar">barre d'outils</a> (juste à gauche des options). Cela ouvre le panneau partagé par les variables et les événements. Il faut ensuite cliquer sur l'onglet « Événements » cela affiche le <a href="/fr/docs/Tools/Debugger/UI_Tour#Events_pane">panneau des événements</a>. Ce panneau liste tout les évènements auxquels vous avez assigné un écouteur :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13210/debugger-events-pane-annotated.png" style="display: block; height: 334px; margin-left: auto; margin-right: auto; width: 904px;"></p>
<p>Il n'y a plus qu'a cocher à la case à coté de l'évènement ou vous désirez que votre code s’arrête.</p>
<p>Quand l'évènement est lancé, le code s’arrêtera au début de l'écouteur.</p>
<p>{{EmbedYouTube("f-tbR8kj0K0")}}</p>
|
