-
Notifications
You must be signed in to change notification settings - Fork 38
Expand file tree
/
Copy pathEvent.html
More file actions
241 lines (220 loc) · 26.7 KB
/
Copy pathEvent.html
File metadata and controls
241 lines (220 loc) · 26.7 KB
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Event JavaScript API</title><meta name="description" content="Interactive API reference for the JavaScript Event Object. Event contains information describing the current event such as a click or download event. It is the first parameter to event listener callba"><link rel="stylesheet" type="text/css" href="styles.css"><script type="text/javascript">var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23450559-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script></head><body><script>if (sessionStorage.collapsed === 'true') {
document.body.classList.add('members-collapsed');
}
if (localStorage.theme) {
document.body.parentElement.classList.add(localStorage.theme);
}</script><div class="topnav"><a href="/">JavaScripture</a><div class="bookmarks"><a class="bookmark contribute" href="https://github.com/nkronlage/JavaScripture">Contribute via GitHub</a> <a class="bookmark" href="/feedback">Feedback</a></div></div><div class="container"><nav class="leftnav"><div id="searchContainer"><input id="searchBox" type="text" placeholder="Search (Ctrl + S)" autocomplete="false"><div id="resultsBox" style="display:none;"></div></div><div id="apichooser"><a href="#" onclick="openApiChooser(); return false;"><div class="arrow"></div><span id="selectedsets"></span></a><div id="obscure"></div><div id="apisets"><ul></ul></div></div><div class="toc"><h2>Event</h2><div class="navgroup"><div class="group"><a href="#Constructors">Constructors</a></div><div class="group collapsed"><a href="#InstanceProperties" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Instance Properties</a><div class="subgroup"><a href="#bubbles">bubbles</a><a href="#cancelable">cancelable</a><a href="#currentTarget">currentTarget</a><a href="#defaultPrevented" title="defaultPrevented">defaultPrevented</a><a href="#eventPhase">eventPhase</a><a href="#isTrusted">isTrusted</a><a href="#target">target</a><a href="#timeStamp">timeStamp</a><a href="#type">type</a></div></div><div class="group collapsed"><a href="#InstanceMethods" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Instance Methods</a><div class="subgroup"><a href="#preventDefault_">preventDefault</a><a href="#stopImmediatePropagation_" title="stopImmediatePropagation">stopImmediatePropagation</a><a href="#stopPropagation_">stopPropagation</a></div></div><div class="group collapsed"><a href="#EventProperties" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Event Properties</a><div class="subgroup"><a href="#AT_TARGET">AT_TARGET</a><a href="#BUBBLING_PHASE">BUBBLING_PHASE</a><a href="#CAPTURING_PHASE">CAPTURING_PHASE</a><a href="#NONE">NONE</a></div></div></div><h2>DOM API</h2><div id="related-apis" class="navgroup"></div><h2>All API</h2><div id="rootObjs" class="navgroup"><span class="empty">No API set selected.</span></div></div></nav><div class="content"><h1 class="declaration"><span class="object">Event</span> <span class="type">: <a href="/Object">Object</a></span></h1><div class="metadata"><span>constructor</span></div><div class="objectdescription">Event contains information describing the current event such as a click or download event. It is the first parameter to event listener callbacks. See <a href="/MouseEvent">MouseEvent</a>, <a href="/KeyboardEvent">KeyboardEvent</a>, and <a href="/ProgressEvent">ProgressEvent</a> for some derivations of Event.<div class="membermetadata"><a href="https://dom.spec.whatwg.org/#interface-event" class="spec">Spec</a></div></div><div><a name="Constructors"></a><h2>Constructors</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="Event"></a> <a name="new_Event_String_Object"></a><div class="declaration">new <span class="membername primary">Event</span>(<span class="membername">type</span> : <a class="membertype" href="/String">String</a>, <span class="optional">[<span class="membername">eventInit</span> : <a class="membertype" href="/Object">Object</a>]</span>) : <a class="membertype" href="/Event">Event</a><div class="subfunction"><span class="membername">eventInit</span> : {<table><tr><td><span class="membername">bubbles</span> :</td><td><a class="membertype" href="/Boolean">Boolean</a></td><td></td></tr><tr><td><span class="membername">cancelable</span> :</td><td><a class="membertype" href="/Boolean">Boolean</a></td><td></td></tr></table><span class="subfunctionclose">}</span></div></div><div class="member-body"><p class="description">Creates a new Event. Use <a href="/EventTarget#dispatchEvent"><code>dispatchEvent()</code></a> to fire the event.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Parent
<div id='child'>
--Child
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var listener = function(event) {
console.log(' phase=' + phaseNames[event.eventPhase] +
' type=' + event.type);
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('customEvent', listener, /* capture = */ true);
child.addEventListener('customEvent', listener);
parent.addEventListener('customEvent', listener);
console.log('dispatching bubbles=false event')
var nonBubblingEvent = new Event('customEvent');
child.dispatchEvent(nonBubblingEvent);
console.log('\ndispatching bubbles=true event')
var nonBubblingEvent = new Event('customEvent', { bubbles: true });
child.dispatchEvent(nonBubblingEvent);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.Event"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div></div><div><a name="InstanceProperties"></a><h2>Instance Properties</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="bubbles"></a><div class="declaration"><span class="membername primary">bubbles</span> : <a class="membertype" href="/Boolean">Boolean</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returns <code>true</code> if the event will bubble up through the ancestor hierarchy.</p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="cancelable"></a><div class="declaration"><span class="membername primary">cancelable</span> : <a class="membertype" href="/Boolean">Boolean</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returns <code>true</code> if the event can be canceled (by calling <a href="#preventDefault"><code>preventDefault()</code></a>).</p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="currentTarget"></a><div class="declaration"><span class="membername primary">currentTarget</span> : <a class="membertype" href="/Object">Object</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The <code>Object</code> that the current callback is running for. This will be the element that registered the listener and will different than <a href="#target"><code>target</code></a> if this event is in the bubble or capture phase.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' target=' + event.target.id +
' currentTarget=' + event.currentTarget.id);
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.currentTarget"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="defaultPrevented"></a><div class="declaration"><span class="membername primary">defaultPrevented</span> : <a class="membertype" href="/Boolean">Boolean</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returns <code>true</code> if <a href="#preventDefault"><code>preventDefault()</code></a> has been called on <code>this</code>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' defaultPrevented=' + event.defaultPrevented);
event.preventDefault();
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.defaultPrevented"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="eventPhase"></a><div class="declaration"><span class="membername primary">eventPhase</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The current phase of the event. Will be one of <a href="#NONE"><code>NONE</code></a>, <a href="#CAPTURING_PHASE"><code>CAPTURING_PHASE</code></a>, <a href="#AT_TARGET"><code>AT_TARGET</code></a>, or <a href="#BUBBLING_PHASE"><code>BUBBLING_PHASE</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' target=' + event.target.id +
' currentTarget=' + event.currentTarget.id);
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.eventPhase"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="isTrusted"></a><div class="declaration"><span class="membername primary">isTrusted</span> : <a class="membertype" href="/Boolean">Boolean</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="target"></a><div class="declaration"><span class="membername primary">target</span> : <a class="membertype" href="/Object">Object</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The <code>Object</code> that originated this event. See also <a href="#currentTarget"><code>currentTarget</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' target=' + event.target.id +
' currentTarget=' + event.currentTarget.id);
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.target"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="timeStamp"></a><div class="declaration"><span class="membername primary">timeStamp</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The time (in milliseconds since 01 January, 1970 UTC) that the event fired. Use <a href="/Date">Date</a> to convert to a human readable time.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='element'>
Click Me
</div>
<script>
var element = document.getElementById('element');
element.addEventListener('click', function(event) {
console.log(new Date(event.timeStamp));
});
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.timeStamp"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="type"></a><div class="declaration"><span class="membername primary">type</span> : <a class="membertype" href="/String">String</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">A string describing the type of event.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='element'>
Click Me
</div>
<script>
var eventListener = function(event) {
console.log(event.type);
};
var element = document.getElementById('element');
element.addEventListener('click', eventListener);
element.addEventListener('mouseout', eventListener);
element.addEventListener('mouseover', eventListener);
element.addEventListener('mouseenter', eventListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.type"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div></div><div><a name="InstanceMethods"></a><h2>Instance Methods</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="preventDefault"></a> <a name="preventDefault_"></a><div class="declaration"><span class="membername primary">preventDefault</span>() : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description">Stops the browser's default behavior from running for the current event. Only <a href="#cancelable"><code>cancelable</code></a> events can have their default behavior prevented. See also <a href="#stopPropagation"><code>stopPropagation()</code></a> and <a href="#stopImmediatePropagation"><code>stopImmediatePropagation()</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<textarea id='textarea'>Try typing</textarea><br>
<input id='checkbox' type='checkbox' checked> preventDefault
<script>
var textarea = document.getElementById('textarea');
textarea.addEventListener('keydown', function(event) {
if (document.getElementById('checkbox').checked) {
event.preventDefault();
}
});
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.preventDefault"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="stopImmediatePropagation"></a> <a name="stopImmediatePropagation_"></a><div class="declaration"><span class="membername primary">stopImmediatePropagation</span>() : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description">Stops other event listeners on this node and on other nodes in the event route from running. See also <a href="#stopPropagation"><code>stopPropagation()</code></a> and and <a href="#preventDefault"><code>preventDefault()</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' target=' + event.target.id +
' currentTarget=' + event.currentTarget.id);
if (event.currentTarget.id === 'parent') {
event.stopImmediatePropagation();
}
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.stopImmediatePropagation"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="https://dom.spec.whatwg.org/#dom-event-stopimmediatepropagation" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="stopPropagation"></a> <a name="stopPropagation_"></a><div class="declaration"><span class="membername primary">stopPropagation</span>() : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description">Stops event listeners on other nodes in the event route from running. Other listeners attached to <a href="#currentTarget"><code>currentTarget</code></a> will still run. See also <a href="#stopImmediatePropagation"><code>stopImmediatePropagation()</code></a> and <a href="#preventDefault"><code>preventDefault()</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='parent'>
Click Me (parent)
<div id='child'>
--Click Me (child)
</div>
</div>
<script>
var phaseNames = { };
phaseNames[Event.CAPTURING_PHASE] = 'capture';
phaseNames[Event.AT_TARGET] = 'atTarget';
phaseNames[Event.BUBBLING_PHASE] = 'bubble';
var clickListener = function(event) {
console.log('phase=' + phaseNames[event.eventPhase] +
' target=' + event.target.id +
' currentTarget=' + event.currentTarget.id);
if (event.currentTarget.id === 'parent') {
event.stopPropagation();
}
};
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.addEventListener('click', clickListener, /* capture = */ true);
child.addEventListener('click', clickListener);
parent.addEventListener('click', clickListener);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Event.stopPropagation"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div></div><div><a name="EventProperties"></a><h2>Event Properties</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="AT_TARGET"></a><div class="declaration"><span class="membername primary">AT_TARGET</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returned by <a href="#eventPhase"><code>eventPhase</code></a> when at the target that originated the event.</p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="BUBBLING_PHASE"></a><div class="declaration"><span class="membername primary">BUBBLING_PHASE</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returned by <a href="#eventPhase"><code>eventPhase</code></a> during the bubbling phase of the event route.</p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="CAPTURING_PHASE"></a><div class="declaration"><span class="membername primary">CAPTURING_PHASE</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returned by <a href="#eventPhase"><code>eventPhase</code></a> during the capture phase of the event route.</p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="NONE"></a><div class="declaration"><span class="membername primary">NONE</span> : <a class="membertype" href="/Number">Number</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Returned by <a href="#eventPhase"><code>eventPhase</code></a> before the event is routed.</p></div></div></div><div class="bottomnav"><a href="/">home</a> <a href="/license">license</a> <a href="https://github.com/nkronlage/JavaScripture">contribute</a> <a href="/feedback">feedback</a> <a id="toggle-theme" href="#">toggle light/dark mode</a></div><div class="copyright">Copyright © JavaScripture Contributors</div></div></div></body><script src="javascripture.js"></script></html>