Skip to content

Commit f27ac59

Browse files
committed
Added examples of using event listener methods on the window directly
1 parent 9e32895 commit f27ac59

File tree

2 files changed

+45
-0
lines changed

2 files changed

+45
-0
lines changed

examples/dom_example.res

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,3 +89,24 @@ let _ =
8989
document
9090
->Document.createElement("div")
9191
->Element.addMouseMoveEventListener(e => (MouseEvent.screenX(e), MouseEvent.screenY(e))->Js.log)
92+
93+
94+
// Showing use of event listener functions on the window object directly
95+
let _ = {
96+
let handleClick = _ => Js.log("clicked")
97+
98+
window->Window.addEventListener("click", handleClick)
99+
window->Window.addEventListenerWithOptions(
100+
"click",
101+
handleClick,
102+
{"passive": true, "once": true, "capture": false},
103+
)
104+
window->Window.addEventListenerUseCapture("click", handleClick)
105+
window->Window.removeEventListener("click", handleClick)
106+
window->Window.removeEventListenerWithOptions(
107+
"click",
108+
handleClick,
109+
{"passive": true, "capture": false},
110+
)
111+
window->Window.removeEventListenerUseCapture("click", handleClick)
112+
}

lib/js/examples/dom_example.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,30 @@ document.createElement("div").addEventListener("mousemove", (function (e) {
4343

4444
}));
4545

46+
function handleClick(param) {
47+
console.log("clicked");
48+
49+
}
50+
51+
window.addEventListener("click", handleClick);
52+
53+
window.addEventListener("click", handleClick, {
54+
passive: true,
55+
once: true,
56+
capture: false
57+
});
58+
59+
window.addEventListener("click", handleClick, true);
60+
61+
window.removeEventListener("click", handleClick);
62+
63+
window.removeEventListener("click", handleClick, {
64+
passive: true,
65+
capture: false
66+
});
67+
68+
window.removeEventListener("click", handleClick, true);
69+
4670
exports.unwrapUnsafely = unwrapUnsafely;
4771
exports.el = el;
4872
/* Not a pure module */

0 commit comments

Comments
 (0)