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 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99
  
     | 
    
      /* 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
 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
document.getElementById("click-button").onmousedown = clickHandler;
function clickHandler() {
  document.getElementById("click-target").click();
}
document.getElementById("click-target").onclick = clickTargetClicked;
function clickTargetClicked() {
  console.log("clicked");
}
document.getElementById("xhr-button").onmousedown = xhrHandler;
function xhrHandler() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "doc-event-breakpoints.html", true);
  xhr.onload = function () {
    console.log("xhr load");
  };
  xhr.send();
}
document.getElementById("timer-button").onmousedown = timerHandler;
function timerHandler() {
  setTimeout(() => {
    console.log("timer callback");
  }, 50);
  console.log("timer set");
}
document.getElementById("eval-button").onmousedown = evalHandler;
function evalHandler() {
  eval(`
    console.log("eval ran");
    //# sourceURL=https://example.com/eval-test.js
  `);
}
document.getElementById("focus-text").addEventListener("focusin", inputFocused);
function inputFocused() {
  console.log("focused");
}
document.getElementById("focus-text").addEventListener("focusout", inputFocusOut);
function inputFocusOut() {
  console.log("focus lost");
}
document.getElementById("focus-text").addEventListener("compositionstart", inputCompositionStart);
function inputCompositionStart() {
  console.log("composition start");
}
document.getElementById("focus-text").addEventListener("compositionupdate", inputCompositionUpdate);
function inputCompositionUpdate() {
  console.log("composition update");
}
document.getElementById("focus-text").addEventListener("compositionend", inputCompositionEnd);
function inputCompositionEnd() {
  console.log("composition end");
}
document.addEventListener("scrollend", onScrollEnd);
function onScrollEnd() {
  console.log("scroll end");
}
document.getElementById("invokee").addEventListener("invoke", onInvoke);
function onInvoke(event) {
  console.log(event);
}
window.addEventListener("beforeunload", onBeforeUnload);
function onBeforeUnload() {
  console.log("before unload");
}
window.addEventListener("unload", onUnload);
function onUnload() {
  console.log("unload");
}
const popover = document.getElementById("popover");
popover.addEventListener("beforetoggle", onBeforeToggle);
function onBeforeToggle(event) {
  console.log("beforetoggle", event);
}
popover.addEventListener("toggle", onToggle);
function onToggle(event) {
  console.log("toggle", event);
}
document.getElementById("focus-text").addEventListener("textInput", onTextInput);
function onTextInput() {
  console.log("textInput");
}
 
     |