1 <div class="body-wrap">
2 <div class="top-tools">
3 <a class="inner-link" href="#Ext.EventObject-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
4 <a class="inner-link" href="#Ext.EventObject-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
5 <a class="inner-link" href="#Ext.EventObject-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
6 <a class="bookmark" href="../docs/?class=Ext.EventObject"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
8 <h1>Class Ext.EventObject</h1>
9 <table cellspacing="0">
10 <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr>
11 <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/EventManager.js" target="_blank">EventManager.js</a></td></tr>
12 <tr><td class="label">Class:</td><td class="hd-info">EventObject</td></tr>
13 <tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr>
15 <div class="description">
16 EventObject exposes the Yahoo! UI Event functionality directly on the object
17 passed to your event handler. It exists mostly for convenience. It also fixes the annoying null checks automatically to cleanup your code
19 <pre><code>function handleClick(e){ <i>// e is not a standard event object, it is a Ext.EventObject</i>
21 <b>var</b> target = e.getTarget();
24 <b>var</b> myDiv = Ext.get(<em>"myDiv"</em>);
25 myDiv.on(<em>"click"</em>, handleClick);
27 Ext.EventManager.on(<em>"myDiv"</em>, <em>'click'</em>, handleClick);
28 Ext.EventManager.addListener(<em>"myDiv"</em>, <em>'click'</em>, handleClick);</code></pre><br><br><i>This class is a singleton and cannot be created directly.</i> </div>
30 <div class="hr"></div>
31 <a id="Ext.EventObject-props"></a>
32 <h2>Public Properties</h2>
33 <table cellspacing="0" class="member-table">
35 <th class="sig-header" colspan="2">Property</th>
36 <th class="msource-header">Defined By</th>
38 <tr class="property-row">
\r
39 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
41 <a id="Ext.EventObject-A"></a>
\r
42 <b>A</b> : Number <div class="mdesc">
\r
45 <td class="msource">EventObject</td>
\r
47 <tr class="property-row alt">
\r
48 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
50 <a id="Ext.EventObject-ALT"></a>
\r
51 <b>ALT</b> : Number <div class="mdesc">
\r
54 <td class="msource">EventObject</td>
\r
56 <tr class="property-row">
\r
57 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
59 <a id="Ext.EventObject-B"></a>
\r
60 <b>B</b> : Number <div class="mdesc">
\r
63 <td class="msource">EventObject</td>
\r
65 <tr class="property-row alt">
\r
66 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
68 <a id="Ext.EventObject-BACKSPACE"></a>
\r
69 <b>BACKSPACE</b> : Number <div class="mdesc">
\r
72 <td class="msource">EventObject</td>
\r
74 <tr class="property-row">
\r
75 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
77 <a id="Ext.EventObject-C"></a>
\r
78 <b>C</b> : Number <div class="mdesc">
\r
81 <td class="msource">EventObject</td>
\r
83 <tr class="property-row alt">
\r
84 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
86 <a id="Ext.EventObject-CAPS_LOCK"></a>
\r
87 <b>CAPS_LOCK</b> : Number <div class="mdesc">
\r
90 <td class="msource">EventObject</td>
\r
92 <tr class="property-row">
\r
93 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
95 <a id="Ext.EventObject-CONTEXT_MENU"></a>
\r
96 <b>CONTEXT_MENU</b> : Number <div class="mdesc">
\r
99 <td class="msource">EventObject</td>
\r
101 <tr class="property-row alt">
\r
102 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
104 <a id="Ext.EventObject-CTRL"></a>
\r
105 <b>CTRL</b> : Number <div class="mdesc">
\r
106 Key constant </div>
\r
108 <td class="msource">EventObject</td>
\r
110 <tr class="property-row">
\r
111 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
113 <a id="Ext.EventObject-D"></a>
\r
114 <b>D</b> : Number <div class="mdesc">
\r
115 Key constant </div>
\r
117 <td class="msource">EventObject</td>
\r
119 <tr class="property-row alt">
\r
120 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
122 <a id="Ext.EventObject-DELETE"></a>
\r
123 <b>DELETE</b> : Number <div class="mdesc">
\r
124 Key constant </div>
\r
126 <td class="msource">EventObject</td>
\r
128 <tr class="property-row">
\r
129 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
131 <a id="Ext.EventObject-DOWN"></a>
\r
132 <b>DOWN</b> : Number <div class="mdesc">
\r
133 Key constant </div>
\r
135 <td class="msource">EventObject</td>
\r
137 <tr class="property-row alt">
\r
138 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
140 <a id="Ext.EventObject-E"></a>
\r
141 <b>E</b> : Number <div class="mdesc">
\r
142 Key constant </div>
\r
144 <td class="msource">EventObject</td>
\r
146 <tr class="property-row">
\r
147 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
149 <a id="Ext.EventObject-EIGHT"></a>
\r
150 <b>EIGHT</b> : Number <div class="mdesc">
\r
151 Key constant </div>
\r
153 <td class="msource">EventObject</td>
\r
155 <tr class="property-row alt">
\r
156 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
158 <a id="Ext.EventObject-END"></a>
\r
159 <b>END</b> : Number <div class="mdesc">
\r
160 Key constant </div>
\r
162 <td class="msource">EventObject</td>
\r
164 <tr class="property-row">
\r
165 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
167 <a id="Ext.EventObject-ENTER"></a>
\r
168 <b>ENTER</b> : Number <div class="mdesc">
\r
169 Key constant </div>
\r
171 <td class="msource">EventObject</td>
\r
173 <tr class="property-row alt">
\r
174 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
176 <a id="Ext.EventObject-ESC"></a>
\r
177 <b>ESC</b> : Number <div class="mdesc">
\r
178 Key constant </div>
\r
180 <td class="msource">EventObject</td>
\r
182 <tr class="property-row">
\r
183 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
185 <a id="Ext.EventObject-F"></a>
\r
186 <b>F</b> : Number <div class="mdesc">
\r
187 Key constant </div>
\r
189 <td class="msource">EventObject</td>
\r
191 <tr class="property-row alt">
\r
192 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
194 <a id="Ext.EventObject-F1"></a>
\r
195 <b>F1</b> : Number <div class="mdesc">
\r
196 Key constant </div>
\r
198 <td class="msource">EventObject</td>
\r
200 <tr class="property-row">
\r
201 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
203 <a id="Ext.EventObject-F10"></a>
\r
204 <b>F10</b> : Number <div class="mdesc">
\r
205 Key constant </div>
\r
207 <td class="msource">EventObject</td>
\r
209 <tr class="property-row alt">
\r
210 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
212 <a id="Ext.EventObject-F11"></a>
\r
213 <b>F11</b> : Number <div class="mdesc">
\r
214 Key constant </div>
\r
216 <td class="msource">EventObject</td>
\r
218 <tr class="property-row">
\r
219 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
221 <a id="Ext.EventObject-F12"></a>
\r
222 <b>F12</b> : Number <div class="mdesc">
\r
223 Key constant </div>
\r
225 <td class="msource">EventObject</td>
\r
227 <tr class="property-row alt">
\r
228 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
230 <a id="Ext.EventObject-F2"></a>
\r
231 <b>F2</b> : Number <div class="mdesc">
\r
232 Key constant </div>
\r
234 <td class="msource">EventObject</td>
\r
236 <tr class="property-row">
\r
237 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
239 <a id="Ext.EventObject-F3"></a>
\r
240 <b>F3</b> : Number <div class="mdesc">
\r
241 Key constant </div>
\r
243 <td class="msource">EventObject</td>
\r
245 <tr class="property-row alt">
\r
246 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
248 <a id="Ext.EventObject-F4"></a>
\r
249 <b>F4</b> : Number <div class="mdesc">
\r
250 Key constant </div>
\r
252 <td class="msource">EventObject</td>
\r
254 <tr class="property-row">
\r
255 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
257 <a id="Ext.EventObject-F5"></a>
\r
258 <b>F5</b> : Number <div class="mdesc">
\r
259 Key constant </div>
\r
261 <td class="msource">EventObject</td>
\r
263 <tr class="property-row alt">
\r
264 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
266 <a id="Ext.EventObject-F6"></a>
\r
267 <b>F6</b> : Number <div class="mdesc">
\r
268 Key constant </div>
\r
270 <td class="msource">EventObject</td>
\r
272 <tr class="property-row">
\r
273 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
275 <a id="Ext.EventObject-F7"></a>
\r
276 <b>F7</b> : Number <div class="mdesc">
\r
277 Key constant </div>
\r
279 <td class="msource">EventObject</td>
\r
281 <tr class="property-row alt">
\r
282 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
284 <a id="Ext.EventObject-F8"></a>
\r
285 <b>F8</b> : Number <div class="mdesc">
\r
286 Key constant </div>
\r
288 <td class="msource">EventObject</td>
\r
290 <tr class="property-row">
\r
291 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
293 <a id="Ext.EventObject-F9"></a>
\r
294 <b>F9</b> : Number <div class="mdesc">
\r
295 Key constant </div>
\r
297 <td class="msource">EventObject</td>
\r
299 <tr class="property-row alt">
\r
300 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
302 <a id="Ext.EventObject-FIVE"></a>
\r
303 <b>FIVE</b> : Number <div class="mdesc">
\r
304 Key constant </div>
\r
306 <td class="msource">EventObject</td>
\r
308 <tr class="property-row">
\r
309 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
311 <a id="Ext.EventObject-FOUR"></a>
\r
312 <b>FOUR</b> : Number <div class="mdesc">
\r
313 Key constant </div>
\r
315 <td class="msource">EventObject</td>
\r
317 <tr class="property-row alt">
\r
318 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
320 <a id="Ext.EventObject-G"></a>
\r
321 <b>G</b> : Number <div class="mdesc">
\r
322 Key constant </div>
\r
324 <td class="msource">EventObject</td>
\r
326 <tr class="property-row">
\r
327 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
329 <a id="Ext.EventObject-H"></a>
\r
330 <b>H</b> : Number <div class="mdesc">
\r
331 Key constant </div>
\r
333 <td class="msource">EventObject</td>
\r
335 <tr class="property-row alt">
\r
336 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
338 <a id="Ext.EventObject-HOME"></a>
\r
339 <b>HOME</b> : Number <div class="mdesc">
\r
340 Key constant </div>
\r
342 <td class="msource">EventObject</td>
\r
344 <tr class="property-row">
\r
345 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
347 <a id="Ext.EventObject-I"></a>
\r
348 <b>I</b> : Number <div class="mdesc">
\r
349 Key constant </div>
\r
351 <td class="msource">EventObject</td>
\r
353 <tr class="property-row alt">
\r
354 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
356 <a id="Ext.EventObject-INSERT"></a>
\r
357 <b>INSERT</b> : Number <div class="mdesc">
\r
358 Key constant </div>
\r
360 <td class="msource">EventObject</td>
\r
362 <tr class="property-row">
\r
363 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
365 <a id="Ext.EventObject-J"></a>
\r
366 <b>J</b> : Number <div class="mdesc">
\r
367 Key constant </div>
\r
369 <td class="msource">EventObject</td>
\r
371 <tr class="property-row alt">
\r
372 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
374 <a id="Ext.EventObject-K"></a>
\r
375 <b>K</b> : Number <div class="mdesc">
\r
376 Key constant </div>
\r
378 <td class="msource">EventObject</td>
\r
380 <tr class="property-row">
\r
381 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
383 <a id="Ext.EventObject-L"></a>
\r
384 <b>L</b> : Number <div class="mdesc">
\r
385 Key constant </div>
\r
387 <td class="msource">EventObject</td>
\r
389 <tr class="property-row alt">
\r
390 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
392 <a id="Ext.EventObject-LEFT"></a>
\r
393 <b>LEFT</b> : Number <div class="mdesc">
\r
394 Key constant </div>
\r
396 <td class="msource">EventObject</td>
\r
398 <tr class="property-row">
\r
399 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
401 <a id="Ext.EventObject-M"></a>
\r
402 <b>M</b> : Number <div class="mdesc">
\r
403 Key constant </div>
\r
405 <td class="msource">EventObject</td>
\r
407 <tr class="property-row alt">
\r
408 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
410 <a id="Ext.EventObject-N"></a>
\r
411 <b>N</b> : Number <div class="mdesc">
\r
412 Key constant </div>
\r
414 <td class="msource">EventObject</td>
\r
416 <tr class="property-row">
\r
417 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
419 <a id="Ext.EventObject-NINE"></a>
\r
420 <b>NINE</b> : Number <div class="mdesc">
\r
421 Key constant </div>
\r
423 <td class="msource">EventObject</td>
\r
425 <tr class="property-row alt">
\r
426 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
428 <a id="Ext.EventObject-NUM_CENTER"></a>
\r
429 <b>NUM_CENTER</b> : Number <div class="mdesc">
\r
430 Key constant </div>
\r
432 <td class="msource">EventObject</td>
\r
434 <tr class="property-row">
\r
435 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
437 <a id="Ext.EventObject-NUM_DIVISION"></a>
\r
438 <b>NUM_DIVISION</b> : Number <div class="mdesc">
\r
439 Key constant </div>
\r
441 <td class="msource">EventObject</td>
\r
443 <tr class="property-row alt">
\r
444 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
446 <a id="Ext.EventObject-NUM_EIGHT"></a>
\r
447 <b>NUM_EIGHT</b> : Number <div class="mdesc">
\r
448 Key constant </div>
\r
450 <td class="msource">EventObject</td>
\r
452 <tr class="property-row">
\r
453 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
455 <a id="Ext.EventObject-NUM_FIVE"></a>
\r
456 <b>NUM_FIVE</b> : Number <div class="mdesc">
\r
457 Key constant </div>
\r
459 <td class="msource">EventObject</td>
\r
461 <tr class="property-row alt">
\r
462 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
464 <a id="Ext.EventObject-NUM_FOUR"></a>
\r
465 <b>NUM_FOUR</b> : Number <div class="mdesc">
\r
466 Key constant </div>
\r
468 <td class="msource">EventObject</td>
\r
470 <tr class="property-row">
\r
471 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
473 <a id="Ext.EventObject-NUM_MINUS"></a>
\r
474 <b>NUM_MINUS</b> : Number <div class="mdesc">
\r
475 Key constant </div>
\r
477 <td class="msource">EventObject</td>
\r
479 <tr class="property-row alt">
\r
480 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
482 <a id="Ext.EventObject-NUM_MULTIPLY"></a>
\r
483 <b>NUM_MULTIPLY</b> : Number <div class="mdesc">
\r
484 Key constant </div>
\r
486 <td class="msource">EventObject</td>
\r
488 <tr class="property-row">
\r
489 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
491 <a id="Ext.EventObject-NUM_NINE"></a>
\r
492 <b>NUM_NINE</b> : Number <div class="mdesc">
\r
493 Key constant </div>
\r
495 <td class="msource">EventObject</td>
\r
497 <tr class="property-row alt">
\r
498 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
500 <a id="Ext.EventObject-NUM_ONE"></a>
\r
501 <b>NUM_ONE</b> : Number <div class="mdesc">
\r
502 Key constant </div>
\r
504 <td class="msource">EventObject</td>
\r
506 <tr class="property-row">
\r
507 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
509 <a id="Ext.EventObject-NUM_PERIOD"></a>
\r
510 <b>NUM_PERIOD</b> : Number <div class="mdesc">
\r
511 Key constant </div>
\r
513 <td class="msource">EventObject</td>
\r
515 <tr class="property-row alt">
\r
516 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
518 <a id="Ext.EventObject-NUM_PLUS"></a>
\r
519 <b>NUM_PLUS</b> : Number <div class="mdesc">
\r
520 Key constant </div>
\r
522 <td class="msource">EventObject</td>
\r
524 <tr class="property-row">
\r
525 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
527 <a id="Ext.EventObject-NUM_SEVEN"></a>
\r
528 <b>NUM_SEVEN</b> : Number <div class="mdesc">
\r
529 Key constant </div>
\r
531 <td class="msource">EventObject</td>
\r
533 <tr class="property-row alt">
\r
534 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
536 <a id="Ext.EventObject-NUM_SIX"></a>
\r
537 <b>NUM_SIX</b> : Number <div class="mdesc">
\r
538 Key constant </div>
\r
540 <td class="msource">EventObject</td>
\r
542 <tr class="property-row">
\r
543 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
545 <a id="Ext.EventObject-NUM_THREE"></a>
\r
546 <b>NUM_THREE</b> : Number <div class="mdesc">
\r
547 Key constant </div>
\r
549 <td class="msource">EventObject</td>
\r
551 <tr class="property-row alt">
\r
552 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
554 <a id="Ext.EventObject-NUM_TWO"></a>
\r
555 <b>NUM_TWO</b> : Number <div class="mdesc">
\r
556 Key constant </div>
\r
558 <td class="msource">EventObject</td>
\r
560 <tr class="property-row">
\r
561 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
563 <a id="Ext.EventObject-NUM_ZERO"></a>
\r
564 <b>NUM_ZERO</b> : Number <div class="mdesc">
\r
565 Key constant </div>
\r
567 <td class="msource">EventObject</td>
\r
569 <tr class="property-row alt">
\r
570 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
572 <a id="Ext.EventObject-O"></a>
\r
573 <b>O</b> : Number <div class="mdesc">
\r
574 Key constant </div>
\r
576 <td class="msource">EventObject</td>
\r
578 <tr class="property-row">
\r
579 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
581 <a id="Ext.EventObject-ONE"></a>
\r
582 <b>ONE</b> : Number <div class="mdesc">
\r
583 Key constant </div>
\r
585 <td class="msource">EventObject</td>
\r
587 <tr class="property-row alt">
\r
588 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
590 <a id="Ext.EventObject-P"></a>
\r
591 <b>P</b> : Number <div class="mdesc">
\r
592 Key constant </div>
\r
594 <td class="msource">EventObject</td>
\r
596 <tr class="property-row">
\r
597 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
599 <a id="Ext.EventObject-PAGE_DOWN"></a>
\r
600 <b>PAGE_DOWN</b> : Number <div class="mdesc">
\r
601 Key constant </div>
\r
603 <td class="msource">EventObject</td>
\r
605 <tr class="property-row alt">
\r
606 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
608 <a id="Ext.EventObject-PAGE_UP"></a>
\r
609 <b>PAGE_UP</b> : Number <div class="mdesc">
\r
610 Key constant </div>
\r
612 <td class="msource">EventObject</td>
\r
614 <tr class="property-row">
\r
615 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
617 <a id="Ext.EventObject-PAUSE"></a>
\r
618 <b>PAUSE</b> : Number <div class="mdesc">
\r
619 Key constant </div>
\r
621 <td class="msource">EventObject</td>
\r
623 <tr class="property-row alt">
\r
624 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
626 <a id="Ext.EventObject-PRINT_SCREEN"></a>
\r
627 <b>PRINT_SCREEN</b> : Number <div class="mdesc">
\r
628 Key constant </div>
\r
630 <td class="msource">EventObject</td>
\r
632 <tr class="property-row">
\r
633 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
635 <a id="Ext.EventObject-Q"></a>
\r
636 <b>Q</b> : Number <div class="mdesc">
\r
637 Key constant </div>
\r
639 <td class="msource">EventObject</td>
\r
641 <tr class="property-row alt">
\r
642 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
644 <a id="Ext.EventObject-R"></a>
\r
645 <b>R</b> : Number <div class="mdesc">
\r
646 Key constant </div>
\r
648 <td class="msource">EventObject</td>
\r
650 <tr class="property-row">
\r
651 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
653 <a id="Ext.EventObject-RETURN"></a>
\r
654 <b>RETURN</b> : Number <div class="mdesc">
\r
655 Key constant </div>
\r
657 <td class="msource">EventObject</td>
\r
659 <tr class="property-row alt">
\r
660 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
662 <a id="Ext.EventObject-RIGHT"></a>
\r
663 <b>RIGHT</b> : Number <div class="mdesc">
\r
664 Key constant </div>
\r
666 <td class="msource">EventObject</td>
\r
668 <tr class="property-row">
\r
669 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
671 <a id="Ext.EventObject-S"></a>
\r
672 <b>S</b> : Number <div class="mdesc">
\r
673 Key constant </div>
\r
675 <td class="msource">EventObject</td>
\r
677 <tr class="property-row alt">
\r
678 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
680 <a id="Ext.EventObject-SEVEN"></a>
\r
681 <b>SEVEN</b> : Number <div class="mdesc">
\r
682 Key constant </div>
\r
684 <td class="msource">EventObject</td>
\r
686 <tr class="property-row">
\r
687 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
689 <a id="Ext.EventObject-SHIFT"></a>
\r
690 <b>SHIFT</b> : Number <div class="mdesc">
\r
691 Key constant </div>
\r
693 <td class="msource">EventObject</td>
\r
695 <tr class="property-row alt">
\r
696 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
698 <a id="Ext.EventObject-SIX"></a>
\r
699 <b>SIX</b> : Number <div class="mdesc">
\r
700 Key constant </div>
\r
702 <td class="msource">EventObject</td>
\r
704 <tr class="property-row">
\r
705 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
707 <a id="Ext.EventObject-SPACE"></a>
\r
708 <b>SPACE</b> : Number <div class="mdesc">
\r
709 Key constant </div>
\r
711 <td class="msource">EventObject</td>
\r
713 <tr class="property-row alt">
\r
714 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
716 <a id="Ext.EventObject-T"></a>
\r
717 <b>T</b> : Number <div class="mdesc">
\r
718 Key constant </div>
\r
720 <td class="msource">EventObject</td>
\r
722 <tr class="property-row">
\r
723 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
725 <a id="Ext.EventObject-TAB"></a>
\r
726 <b>TAB</b> : Number <div class="mdesc">
\r
727 Key constant </div>
\r
729 <td class="msource">EventObject</td>
\r
731 <tr class="property-row alt">
\r
732 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
734 <a id="Ext.EventObject-THREE"></a>
\r
735 <b>THREE</b> : Number <div class="mdesc">
\r
736 Key constant </div>
\r
738 <td class="msource">EventObject</td>
\r
740 <tr class="property-row">
\r
741 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
743 <a id="Ext.EventObject-TWO"></a>
\r
744 <b>TWO</b> : Number <div class="mdesc">
\r
745 Key constant </div>
\r
747 <td class="msource">EventObject</td>
\r
749 <tr class="property-row alt">
\r
750 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
752 <a id="Ext.EventObject-U"></a>
\r
753 <b>U</b> : Number <div class="mdesc">
\r
754 Key constant </div>
\r
756 <td class="msource">EventObject</td>
\r
758 <tr class="property-row">
\r
759 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
761 <a id="Ext.EventObject-UP"></a>
\r
762 <b>UP</b> : Number <div class="mdesc">
\r
763 Key constant </div>
\r
765 <td class="msource">EventObject</td>
\r
767 <tr class="property-row alt">
\r
768 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
770 <a id="Ext.EventObject-V"></a>
\r
771 <b>V</b> : Number <div class="mdesc">
\r
772 Key constant </div>
\r
774 <td class="msource">EventObject</td>
\r
776 <tr class="property-row">
\r
777 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
779 <a id="Ext.EventObject-W"></a>
\r
780 <b>W</b> : Number <div class="mdesc">
\r
781 Key constant </div>
\r
783 <td class="msource">EventObject</td>
\r
785 <tr class="property-row alt">
\r
786 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
788 <a id="Ext.EventObject-X"></a>
\r
789 <b>X</b> : Number <div class="mdesc">
\r
790 Key constant </div>
\r
792 <td class="msource">EventObject</td>
\r
794 <tr class="property-row">
\r
795 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
797 <a id="Ext.EventObject-Y"></a>
\r
798 <b>Y</b> : Number <div class="mdesc">
\r
799 Key constant </div>
\r
801 <td class="msource">EventObject</td>
\r
803 <tr class="property-row alt">
\r
804 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
806 <a id="Ext.EventObject-Z"></a>
\r
807 <b>Z</b> : Number <div class="mdesc">
\r
808 Key constant </div>
\r
810 <td class="msource">EventObject</td>
\r
812 <tr class="property-row">
\r
813 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
815 <a id="Ext.EventObject-ZERO"></a>
\r
816 <b>ZERO</b> : Number <div class="mdesc">
\r
817 Key constant </div>
\r
819 <td class="msource">EventObject</td>
\r
821 <tr class="property-row alt">
\r
822 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
824 <a id="Ext.EventObject-altKey"></a>
\r
825 <b>altKey</b> : Object <div class="mdesc">
\r
826 True if the alt key was down during the event </div>
\r
828 <td class="msource">EventObject</td>
\r
830 <tr class="property-row">
\r
831 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
833 <a id="Ext.EventObject-browserEvent"></a>
\r
834 <b>browserEvent</b> : Object <div class="mdesc">
\r
835 The normal browser event </div>
\r
837 <td class="msource">EventObject</td>
\r
839 <tr class="property-row alt">
\r
840 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
842 <a id="Ext.EventObject-button"></a>
\r
843 <b>button</b> : Object <div class="mdesc">
\r
844 The button pressed in a mouse event </div>
\r
846 <td class="msource">EventObject</td>
\r
848 <tr class="property-row">
\r
849 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
851 <a id="Ext.EventObject-ctrlKey"></a>
\r
852 <b>ctrlKey</b> : Object <div class="mdesc">
\r
853 True if the control key was down during the event </div>
\r
855 <td class="msource">EventObject</td>
\r
857 <tr class="property-row alt">
\r
858 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
860 <a id="Ext.EventObject-shiftKey"></a>
\r
861 <b>shiftKey</b> : Object <div class="mdesc">
\r
862 True if the shift key was down during the event </div>
\r
864 <td class="msource">EventObject</td>
\r
867 <a id="Ext.EventObject-methods"></a>
868 <h2>Public Methods</h2>
869 <table cellspacing="0" class="member-table">
871 <th class="sig-header" colspan="2">Method</th>
872 <th class="msource-header">Defined By</th>
874 <tr class="method-row expandable">
\r
875 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
877 <a id="Ext.EventObject-getCharCode"></a>
\r
878 <b>getCharCode</b>() : Number <div class="mdesc">
\r
879 <div class="short">Gets the character code for the event.</div>
\r
881 Gets the character code for the event. <div class="mdetail-params">
\r
882 <strong>Parameters:</strong>
\r
883 <ul><li>None.</li> </ul>
\r
884 <strong>Returns:</strong>
\r
886 <li><code>Number</code></li>
\r
892 <td class="msource">EventObject</td>
\r
894 <tr class="method-row alt expandable">
\r
895 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
897 <a id="Ext.EventObject-getKey"></a>
\r
898 <b>getKey</b>() : Number <div class="mdesc">
\r
899 <div class="short">Returns a normalized keyCode for the event.</div>
\r
901 Returns a normalized keyCode for the event. <div class="mdetail-params">
\r
902 <strong>Parameters:</strong>
\r
903 <ul><li>None.</li> </ul>
\r
904 <strong>Returns:</strong>
\r
906 <li><code>Number</code><div class="sub-desc">The key code</div></li>
\r
912 <td class="msource">EventObject</td>
\r
914 <tr class="method-row expandable">
\r
915 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
917 <a id="Ext.EventObject-getPageX"></a>
\r
918 <b>getPageX</b>() : Number <div class="mdesc">
\r
919 <div class="short">Gets the x coordinate of the event.</div>
\r
921 Gets the x coordinate of the event. <div class="mdetail-params">
\r
922 <strong>Parameters:</strong>
\r
923 <ul><li>None.</li> </ul>
\r
924 <strong>Returns:</strong>
\r
926 <li><code>Number</code></li>
\r
932 <td class="msource">EventObject</td>
\r
934 <tr class="method-row alt expandable">
\r
935 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
937 <a id="Ext.EventObject-getPageY"></a>
\r
938 <b>getPageY</b>() : Number <div class="mdesc">
\r
939 <div class="short">Gets the y coordinate of the event.</div>
\r
941 Gets the y coordinate of the event. <div class="mdetail-params">
\r
942 <strong>Parameters:</strong>
\r
943 <ul><li>None.</li> </ul>
\r
944 <strong>Returns:</strong>
\r
946 <li><code>Number</code></li>
\r
952 <td class="msource">EventObject</td>
\r
954 <tr class="method-row expandable">
\r
955 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
957 <a id="Ext.EventObject-getRelatedTarget"></a>
\r
958 <b>getRelatedTarget</b>() : HTMLElement <div class="mdesc">
\r
959 <div class="short">Gets the related target.</div>
\r
961 Gets the related target. <div class="mdetail-params">
\r
962 <strong>Parameters:</strong>
\r
963 <ul><li>None.</li> </ul>
\r
964 <strong>Returns:</strong>
\r
966 <li><code>HTMLElement</code></li>
\r
972 <td class="msource">EventObject</td>
\r
974 <tr class="method-row alt expandable">
\r
975 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
977 <a id="Ext.EventObject-getTarget"></a>
\r
978 <b>getTarget</b>( <span class="optional" title="Optional">[<code>String selector</code>]</span>, <span class="optional" title="Optional">[<code>Number/Mixed maxDepth</code>]</span>, <span class="optional" title="Optional">[<code>Boolean returnEl</code>]</span> ) : HTMLelement <div class="mdesc">
\r
979 <div class="short">Gets the target for the event.</div>
\r
981 Gets the target for the event. <div class="mdetail-params">
\r
982 <strong>Parameters:</strong>
\r
983 <ul><li><code>selector</code> : String<div class="sub-desc">(optional) A simple selector to filter the target or look for an ancestor of the target</div></li><li><code>maxDepth</code> : Number/Mixed<div class="sub-desc">(optional) The max depth to
\r
984 search as a number or element (defaults to 10 || document.body)</div></li><li><code>returnEl</code> : Boolean<div class="sub-desc">(optional) True to return a Ext.Element object instead of DOM node</div></li> </ul>
\r
985 <strong>Returns:</strong>
\r
987 <li><code>HTMLelement</code></li>
\r
993 <td class="msource">EventObject</td>
\r
995 <tr class="method-row expandable">
\r
996 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
998 <a id="Ext.EventObject-getTime"></a>
\r
999 <b>getTime</b>() : Number <div class="mdesc">
\r
1000 <div class="short">Gets the time of the event.</div>
\r
1001 <div class="long">
\r
1002 Gets the time of the event. <div class="mdetail-params">
\r
1003 <strong>Parameters:</strong>
\r
1004 <ul><li>None.</li> </ul>
\r
1005 <strong>Returns:</strong>
\r
1007 <li><code>Number</code></li>
\r
1013 <td class="msource">EventObject</td>
\r
1015 <tr class="method-row alt expandable">
\r
1016 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1018 <a id="Ext.EventObject-getWheelDelta"></a>
\r
1019 <b>getWheelDelta</b>() : Number <div class="mdesc">
\r
1020 <div class="short">Normalizes mouse wheel delta across browsers</div>
\r
1021 <div class="long">
\r
1022 Normalizes mouse wheel delta across browsers <div class="mdetail-params">
\r
1023 <strong>Parameters:</strong>
\r
1024 <ul><li>None.</li> </ul>
\r
1025 <strong>Returns:</strong>
\r
1027 <li><code>Number</code><div class="sub-desc">The delta</div></li>
\r
1033 <td class="msource">EventObject</td>
\r
1035 <tr class="method-row expandable">
\r
1036 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1038 <a id="Ext.EventObject-getXY"></a>
\r
1039 <b>getXY</b>() : Array <div class="mdesc">
\r
1040 <div class="short">Gets the page coordinates of the event.</div>
\r
1041 <div class="long">
\r
1042 Gets the page coordinates of the event. <div class="mdetail-params">
\r
1043 <strong>Parameters:</strong>
\r
1044 <ul><li>None.</li> </ul>
\r
1045 <strong>Returns:</strong>
\r
1047 <li><code>Array</code><div class="sub-desc">The xy values like [x, y]</div></li>
\r
1053 <td class="msource">EventObject</td>
\r
1055 <tr class="method-row alt expandable">
\r
1056 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1058 <a id="Ext.EventObject-hasModifier"></a>
\r
1059 <b>hasModifier</b>() : Boolean <div class="mdesc">
\r
1060 <div class="short">Returns true if the control, meta, shift or alt key was pressed during this event.</div>
\r
1061 <div class="long">
\r
1062 Returns true if the control, meta, shift or alt key was pressed during this event. <div class="mdetail-params">
\r
1063 <strong>Parameters:</strong>
\r
1064 <ul><li>None.</li> </ul>
\r
1065 <strong>Returns:</strong>
\r
1067 <li><code>Boolean</code></li>
\r
1073 <td class="msource">EventObject</td>
\r
1075 <tr class="method-row expandable">
\r
1076 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1078 <a id="Ext.EventObject-preventDefault"></a>
\r
1079 <b>preventDefault</b>() : void <div class="mdesc">
\r
1080 <div class="short">Prevents the browsers default handling of the event.</div>
\r
1081 <div class="long">
\r
1082 Prevents the browsers default handling of the event. <div class="mdetail-params">
\r
1083 <strong>Parameters:</strong>
\r
1084 <ul><li>None.</li> </ul>
\r
1085 <strong>Returns:</strong>
\r
1087 <li><code>void</code></li>
\r
1093 <td class="msource">EventObject</td>
\r
1095 <tr class="method-row alt expandable">
\r
1096 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1098 <a id="Ext.EventObject-stopEvent"></a>
\r
1099 <b>stopEvent</b>() : void <div class="mdesc">
\r
1100 <div class="short">Stop the event (preventDefault and stopPropagation)</div>
\r
1101 <div class="long">
\r
1102 Stop the event (preventDefault and stopPropagation) <div class="mdetail-params">
\r
1103 <strong>Parameters:</strong>
\r
1104 <ul><li>None.</li> </ul>
\r
1105 <strong>Returns:</strong>
\r
1107 <li><code>void</code></li>
\r
1113 <td class="msource">EventObject</td>
\r
1115 <tr class="method-row expandable">
\r
1116 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1118 <a id="Ext.EventObject-stopPropagation"></a>
\r
1119 <b>stopPropagation</b>() : void <div class="mdesc">
\r
1120 <div class="short">Cancels bubbling of the event.</div>
\r
1121 <div class="long">
\r
1122 Cancels bubbling of the event. <div class="mdetail-params">
\r
1123 <strong>Parameters:</strong>
\r
1124 <ul><li>None.</li> </ul>
\r
1125 <strong>Returns:</strong>
\r
1127 <li><code>void</code></li>
\r
1133 <td class="msource">EventObject</td>
\r
1135 <tr class="method-row alt expandable">
\r
1136 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
1138 <a id="Ext.EventObject-within"></a>
\r
1139 <b>within</b>( <code>Mixed el</code>, <span class="optional" title="Optional">[<code>Boolean related</code>]</span>, <code>Boolean allowEl</code> ) : Boolean <div class="mdesc">
\r
1140 <div class="short">Returns true if the target of this event is a child of el. Unless the allowEl parameter is set, it will return false...</div>
\r
1141 <div class="long">
\r
1142 Returns true if the target of this event is a child of el. Unless the allowEl parameter is set, it will return false if if the target is el.
1143 Example usage:<pre><code><i>// Handle click on any child of an element</i>
1144 Ext.getBody().on(<em>'click'</em>, <b>function</b>(e){
1145 <b>if</b>(e.within(<em>'some-el'</em>)){
1146 alert(<em>'Clicked on a child of some-el!'</em>);
1150 <i>// Handle click directly on an element, ignoring clicks on child nodes</i>
1151 Ext.getBody().on(<em>'click'</em>, <b>function</b>(e,t){
1152 <b>if</b>((t.id == <em>'some-el'</em>) && !e.within(t, true)){
1153 alert(<em>'Clicked directly on some-el!'</em>);
1155 });</code></pre> <div class="mdetail-params">
\r
1156 <strong>Parameters:</strong>
\r
1157 <ul><li><code>el</code> : Mixed<div class="sub-desc">The id, DOM element or Ext.Element to check</div></li><li><code>related</code> : Boolean<div class="sub-desc">(optional) true to test if the related target is within el instead of the target</div></li><li><code>allowEl</code> : Boolean<div class="sub-desc">{optional} true to also check if the passed element is the target or related target</div></li> </ul>
\r
1158 <strong>Returns:</strong>
\r
1160 <li><code>Boolean</code></li>
\r
1166 <td class="msource">EventObject</td>
\r
1169 <a id="Ext.EventObject-events"></a>
1170 <h2>Public Events</h2>
1171 <div class="no-members">This class has no public events.</div>