blob: 2660f9f14144f2f8c1337df1279a6f7e09e3c4e1 (
plain)
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
|
<!-- Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Bound event listeners test page</title>
</head>
<body>
<button id="initialSetup">initialSetup</button>
<button id="clicker">clicker</button>
<button id="handleEventClick">handleEventClick</button>
<button id="boundHandleEventClick">boundHandleEventClick</button>
<script type="text/javascript">
"use strict";
window.addEventListener("load", function() {
function initialSetup(event) {
const button = document.getElementById("initialSetup");
button.removeEventListener("click", initialSetup);
// eslint-disable-next-line no-debugger
debugger;
}
function clicker(event) {
window.foobar = "clicker";
}
function HandleEventClick() {
const button = document.getElementById("handleEventClick");
// Create a long prototype chain to test for weird edge cases.
button.addEventListener("click", Object.create(Object.create(this)));
}
HandleEventClick.prototype.handleEvent = function() {
window.foobar = "HandleEventClick";
};
function BoundHandleEventClick() {
const button = document.getElementById("boundHandleEventClick");
this.handleEvent = this.handleEvent.bind(this);
button.addEventListener("click", this);
}
BoundHandleEventClick.prototype.handleEvent = function() {
window.foobar = "BoundHandleEventClick";
};
const button = document.getElementById("clicker");
// Bind more than once to test for weird edge cases.
const boundClicker = clicker.bind(this).bind(this).bind(this);
button.addEventListener("click", boundClicker);
new HandleEventClick();
new BoundHandleEventClick();
const initButton = document.getElementById("initialSetup");
initButton.addEventListener("click", initialSetup);
}, {once: true});
</script>
</body>
</html>
|
