Source code
Revision control
Copy as Markdown
Other Tools
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Debugger event bp test page</title>
    <style>
      body {
        height: 200vh;
      }
    </style>
  </head>
  <body>
    <input type="text" id="focus-text" value="Text">
    <button id="click-button">Run Click Handler</button>
    <button id="xhr-button">Run XHR Handler</button>
    <button id="timer-button">Run Timer Handler</button>
    <button id="eval-button">Run Eval</button>
    <div id="click-target" style="margin: 50px; background-color: green;">
      Click Target
    </div>
    <div id="pointer-target" style="padding: 50px; background-color: hotpink;">
      Pointer
    </div>
    <button id="invoker" commandfor="invokee" command="show-popover">Invoke</button>
    <div id="invokee"></div>
    <button id="popover-toggle" popovertarget="popover">Show popover</button>
    <div id="popover" popover>Popped!</div>
    <script src="event-breakpoints.js"></script>
  </body>
</html>