event-breakpoints.js (3397B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */ 4 5 document.getElementById("click-button").onmousedown = clickHandler; 6 function clickHandler() { 7 document.getElementById("click-target").click(); 8 } 9 10 document.getElementById("click-target").onclick = clickTargetClicked; 11 function clickTargetClicked() { 12 console.log("clicked"); 13 requestAF(function rafCallback() {}); 14 } 15 function requestAF(cb) { 16 requestAnimationFrame(cb); 17 } 18 19 document.getElementById("xhr-button").onmousedown = xhrHandler; 20 function xhrHandler() { 21 var xhr = new XMLHttpRequest(); 22 xhr.open("GET", "doc-event-breakpoints.html", true); 23 xhr.onload = function () { 24 console.log("xhr load"); 25 }; 26 xhr.send(); 27 } 28 29 document.getElementById("timer-button").onmousedown = timerHandler; 30 function timerHandler() { 31 setTimeout(() => { 32 console.log("timer callback"); 33 }, 50); 34 console.log("timer set"); 35 } 36 37 document.getElementById("eval-button").onmousedown = evalHandler; 38 function evalHandler() { 39 eval(` 40 console.log("eval ran"); 41 //# sourceURL=https://example.com/eval-test.js 42 `); 43 } 44 45 document.getElementById("focus-text").addEventListener("focusin", inputFocused); 46 function inputFocused() { 47 console.log("focused"); 48 } 49 50 document.getElementById("focus-text").addEventListener("focusout", inputFocusOut); 51 function inputFocusOut() { 52 console.log("focus lost"); 53 } 54 55 document.getElementById("focus-text").addEventListener("compositionstart", inputCompositionStart); 56 function inputCompositionStart() { 57 console.log("composition start"); 58 } 59 60 document.getElementById("focus-text").addEventListener("compositionupdate", inputCompositionUpdate); 61 function inputCompositionUpdate() { 62 console.log("composition update"); 63 } 64 65 document.getElementById("focus-text").addEventListener("compositionend", inputCompositionEnd); 66 function inputCompositionEnd() { 67 console.log("composition end"); 68 } 69 70 document.addEventListener("scrollend", onScrollEnd); 71 function onScrollEnd() { 72 console.log("scroll end"); 73 } 74 75 document.getElementById("invokee").addEventListener("command", onCommand); 76 function onCommand(event) { 77 console.log(event); 78 } 79 80 window.addEventListener("beforeunload", onBeforeUnload); 81 function onBeforeUnload() { 82 console.log("before unload"); 83 } 84 85 window.addEventListener("unload", onUnload); 86 function onUnload() { 87 console.log("unload"); 88 } 89 90 const popover = document.getElementById("popover"); 91 popover.addEventListener("beforetoggle", onBeforeToggle); 92 function onBeforeToggle(event) { 93 console.log("beforetoggle", event); 94 } 95 popover.addEventListener("toggle", onToggle); 96 function onToggle(event) { 97 console.log("toggle", event); 98 } 99 100 document.getElementById("focus-text").addEventListener("textInput", onTextInput); 101 function onTextInput() { 102 console.log("textInput"); 103 } 104 105 document.getElementById("pointer-target").addEventListener("pointerrawupdate", onPointerRawUpdate); 106 function onPointerRawUpdate() { 107 console.log("pointerrawupdate"); 108 } 109 110 const closewatcher = new CloseWatcher(); 111 function closeWatcherRequestClose() { 112 closewatcher.requestClose(); 113 } 114 closewatcher.addEventListener("cancel", onCancel); 115 function onCancel(event) { 116 console.log("cancel", event); 117 } 118 closewatcher.addEventListener("close", onClose); 119 function onClose(event) { 120 console.log("close", event); 121 }