onSelectionChanged
Fires when the user selects a different page element for inspection with the browser's developer tools, for example by selecting the "Inspect Element" context menu item in Firefox.
Syntax
browser.devtools.panels.elements.onSelectionChanged.addListener(listener)
browser.devtools.panels.elements.onSelectionChanged.removeListener(listener)
browser.devtools.panels.elements.onSelectionChanged.hasListener(listener)
Events have three functions:
addListener(listener)
- Adds a listener to this event.
removeListener(listener)
- Stop listening to this event. The
listener
argument is the listener to remove. hasListener(listener)
- Check whether
listener
is registered for this event. Returnstrue
if it is listening,false
otherwise.
addListener syntax
Parameters
Browser compatibility
Report problems with this compatibility data on GitHubwebextensions-desktop | webextensions-mobile | |||||
---|---|---|---|---|---|---|
onSelectionChanged | ChromeFull supportYes | EdgeFull support79 | FirefoxFull support56 | OperaFull supportYes | SafariNo supportNo | Firefox for AndroidNo supportNo |
Legend
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Examples
Listen for selection changed events, and log the text content of the newly selected element:
function handleSelectedElement() {
browser.devtools.inspectedWindow.eval("$0.textContent")
.then((result) => {
console.log(result[0]);
});
}
browser.devtools.panels.elements.onSelectionChanged.addListener(handleSelectedElement);
Acknowledgements
This API is based on Chromium's chrome.devtools
API.