diff options
Diffstat (limited to 'devtools/client/inspector/markup/test/doc_markup_events_toggle.html')
-rw-r--r-- | devtools/client/inspector/markup/test/doc_markup_events_toggle.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/doc_markup_events_toggle.html b/devtools/client/inspector/markup/test/doc_markup_events_toggle.html new file mode 100644 index 0000000000..0f9bdc6a11 --- /dev/null +++ b/devtools/client/inspector/markup/test/doc_markup_events_toggle.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + </head> + <body> + <h1>Toggle Event Listeners</h1> + <button id="target" onclick="handleEvent(event)">Target</button> + <script> + "use strict"; + + function handleEvent(e) { + const data = JSON.parse(e.target.dataset.handledEvents || "{}"); + data[e.type] = (data[e.type] || 0) + 1; + e.target.dataset.handledEvents = JSON.stringify(data); + } + + const domEventsElement = document.getElementById("target"); + // adding regular event listener + domEventsElement.addEventListener("mousedown", handleEvent); + // and a "native" event listener + domEventsElement.addEventListener("mouseup", console.info) + </script> + </body> +</html> |