blob: facca729d4601b16d1e791ffda089a731c331c2c (
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
---
title: onSelectionChanged
slug: >-
Mozilla/Add-ons/WebExtensions/API/devtools/panels/ElementsPanel/onSelectionChanged
tags:
- API
- Add-ons
- DevTools
- Extensions
- Reference
- WebExtensions
- devtools.panels
- devtools.panelsElementsPanel
translation_of: >-
Mozilla/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel/onSelectionChanged
original_slug: >-
Mozilla/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel/onSelectionChanged
---
{{AddonSidebar()}}
Appelles lorsque l'utilisateur sélectionne un élément de page différent pour l'inspection avec les outils de développement du navigateur, par exemple en sélectionnant l'élément de menu contextuel "Inspect Element" dans Firefox.
## Syntaxe
```js
browser.devtools.panels.elements.onSelectionChanged.addListener(listener)
browser.devtools.panels.elements.onSelectionChanged.removeListener(listener)
browser.devtools.panels.elements.onSelectionChanged.hasListener(listener)
```
L'événement a trois fonctions :
- `addListener(listener)`
- : Ajoute une écoute à cet événement.
- `removeListener(listener)`
- : Arrête une écoute à l'événement. L'argument de l'auditeur est un auditeur supprimer.
- `hasListener(listener)`
- : Vérifiez si l'auditeur est enregistré pour cet événement. Renvoie la valeur Vrai si elle l'écoute, sinon Faux.
## Syntaxe addListener
### Paramètres
- `callback`
- : Fonction qui sera appelée lors de l'événement. La fonction ne passera pas d'arguments.
## Compatibilité du navigateur
{{Compat("webextensions.api.devtools.panels.ElementsPanel.onSelectionChanged", 10)}}
## Exemples
Ecoutez la sélection des événements modifiés, et enregistrez le contenu du texte de l'élément nouvellement sélectionné :
```js
function handleSelectedElement() {
browser.devtools.inspectedWindow.eval("$0.textContent")
.then((result) => {
console.log(result[0]);
});
}
browser.devtools.panels.elements.onSelectionChanged.addListener(handleSelectedElement);
```
{{WebExtExamples}}
> **Note :**
>
> Cette API est basée sur l'API Chromium [`chrome.devtools`](https://developer.chrome.com/extensions/devtools).
|
