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
|
<!doctype html>
<html>
<body>
<p>
There are currently <span id="totalInnerHandlers">0</span> beforeunload handlers registered in this frame.
</p>
<p>
There are currently <span id="totalOuterHandlers">0</span> beforeunload handlers registered on my subframe.
</p>
<iframe src="about:blank" id="subframe"></iframe>
<script>
this.BeforeUnloader = {
_innerEventHandlers: [],
_outerEventHandlers: [],
get $totalInner() {
delete this.$totalInner;
return this.$totalInner = document.getElementById("totalInnerHandlers");
},
get $totalOuter() {
delete this.$totalOuter;
return this.$totalOuter = document.getElementById("totalOuterHandlers");
},
get $subframe() {
delete this.$subframe;
return this.$subframe = document.getElementById("subframe");
},
pushInner(howMany) {
for (let i = 0; i < howMany; ++i) {
let func = () => {};
this._innerEventHandlers.push(func);
addEventListener("beforeunload", func);
}
this.$totalInner.textContent = this._innerEventHandlers.length;
},
popInner(howMany) {
for (let i = 0; i < howMany; ++i) {
let func = this._innerEventHandlers.pop();
if (func) {
removeEventListener("beforeunload", func);
}
}
this.$totalInner.textContent = this._innerEventHandlers.length;
},
pushOuter(howMany) {
if (!this.$subframe.parentNode) {
throw new Error("Subframe I'm holding a reference to detached!");
}
for (let i = 0; i < howMany; ++i) {
let func = () => {};
this._outerEventHandlers.push(func);
this.$subframe.contentWindow.addEventListener("beforeunload", func);
}
this.$totalOuter.textContent = this._outerEventHandlers.length;
},
popOuter(howMany) {
if (!this.$subframe.parentNode) {
throw new Error("Subframe I'm holding a reference to detached!");
}
for (let i = 0; i < howMany; ++i) {
let func = this._outerEventHandlers.pop();
if (func) {
this.$subframe.contentWindow.removeEventListener("beforeunload", func);
}
}
this.$totalOuter.textContent = this._outerEventHandlers.length;
},
reset() {
this.popInner(this._innerEventHandlers.length);
this.popOuter(this._outerEventHandlers.length);
},
};
</script>
</body>
</html>
|