Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2 aperonnet 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>
7
        </div>
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="../source/core/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>
14
                    </table>
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
18
Example:
19
<pre><code>function handleClick(e){ <i>// e is not a standard event object, it is a Ext.EventObject</i>
20
    e.preventDefault();
21
    <b>var</b> target = e.getTarget();
22
    ...
23
 }
24
 <b>var</b> myDiv = Ext.get(<em>"myDiv"</em>);
25
 myDiv.on(<em>"click"</em>, handleClick);
26
 <i>//or</i>
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>
29
 
30
        <div class="hr"></div>
31
                <a id="Ext.EventObject-props"></a>
32
        <h2>Public Properties</h2>
33
                <table cellspacing="0" class="member-table">
34
            <tr>
35
                <th class="sig-header" colspan="2">Property</th>
36
                <th class="msource-header">Defined By</th>
37
            </tr>
38
                <tr class="property-row">
39
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
40
        <td class="sig">
41
        <a id="Ext.EventObject-BACKSPACE"></a>
42
            <b>BACKSPACE</b> : Number            <div class="mdesc">
43
                            Key constant                        </div>
44
        </td>
45
        <td class="msource">EventObject</td>
46
    </tr>
47
        <tr class="property-row alt">
48
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
49
        <td class="sig">
50
        <a id="Ext.EventObject-CONTROL"></a>
51
            <b>CONTROL</b> : Number            <div class="mdesc">
52
                            Key constant                        </div>
53
        </td>
54
        <td class="msource">EventObject</td>
55
    </tr>
56
        <tr class="property-row">
57
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
58
        <td class="sig">
59
        <a id="Ext.EventObject-DELETE"></a>
60
            <b>DELETE</b> : Number            <div class="mdesc">
61
                            Key constant                        </div>
62
        </td>
63
        <td class="msource">EventObject</td>
64
    </tr>
65
        <tr class="property-row alt">
66
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
67
        <td class="sig">
68
        <a id="Ext.EventObject-DOWN"></a>
69
            <b>DOWN</b> : Number            <div class="mdesc">
70
                            Key constant                        </div>
71
        </td>
72
        <td class="msource">EventObject</td>
73
    </tr>
74
        <tr class="property-row">
75
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
76
        <td class="sig">
77
        <a id="Ext.EventObject-END"></a>
78
            <b>END</b> : Number            <div class="mdesc">
79
                            Key constant                        </div>
80
        </td>
81
        <td class="msource">EventObject</td>
82
    </tr>
83
        <tr class="property-row alt">
84
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
85
        <td class="sig">
86
        <a id="Ext.EventObject-ENTER"></a>
87
            <b>ENTER</b> : Number            <div class="mdesc">
88
                            Key constant                        </div>
89
        </td>
90
        <td class="msource">EventObject</td>
91
    </tr>
92
        <tr class="property-row">
93
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
94
        <td class="sig">
95
        <a id="Ext.EventObject-ESC"></a>
96
            <b>ESC</b> : Number            <div class="mdesc">
97
                            Key constant                        </div>
98
        </td>
99
        <td class="msource">EventObject</td>
100
    </tr>
101
        <tr class="property-row alt">
102
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
103
        <td class="sig">
104
        <a id="Ext.EventObject-F5"></a>
105
            <b>F5</b> : Number            <div class="mdesc">
106
                            Key constant                        </div>
107
        </td>
108
        <td class="msource">EventObject</td>
109
    </tr>
110
        <tr class="property-row">
111
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
112
        <td class="sig">
113
        <a id="Ext.EventObject-HOME"></a>
114
            <b>HOME</b> : Number            <div class="mdesc">
115
                            Key constant                        </div>
116
        </td>
117
        <td class="msource">EventObject</td>
118
    </tr>
119
        <tr class="property-row alt">
120
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
121
        <td class="sig">
122
        <a id="Ext.EventObject-LEFT"></a>
123
            <b>LEFT</b> : Number            <div class="mdesc">
124
                            Key constant                        </div>
125
        </td>
126
        <td class="msource">EventObject</td>
127
    </tr>
128
        <tr class="property-row">
129
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
130
        <td class="sig">
131
        <a id="Ext.EventObject-PAGEDOWN"></a>
132
            <b>PAGEDOWN</b> : Number            <div class="mdesc">
133
                            Key constant                        </div>
134
        </td>
135
        <td class="msource">EventObject</td>
136
    </tr>
137
        <tr class="property-row alt">
138
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
139
        <td class="sig">
140
        <a id="Ext.EventObject-PAGEUP"></a>
141
            <b>PAGEUP</b> : Number            <div class="mdesc">
142
                            Key constant                        </div>
143
        </td>
144
        <td class="msource">EventObject</td>
145
    </tr>
146
        <tr class="property-row">
147
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
148
        <td class="sig">
149
        <a id="Ext.EventObject-RETURN"></a>
150
            <b>RETURN</b> : Number            <div class="mdesc">
151
                            Key constant                        </div>
152
        </td>
153
        <td class="msource">EventObject</td>
154
    </tr>
155
        <tr class="property-row alt">
156
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
157
        <td class="sig">
158
        <a id="Ext.EventObject-RIGHT"></a>
159
            <b>RIGHT</b> : Number            <div class="mdesc">
160
                            Key constant                        </div>
161
        </td>
162
        <td class="msource">EventObject</td>
163
    </tr>
164
        <tr class="property-row">
165
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
166
        <td class="sig">
167
        <a id="Ext.EventObject-SHIFT"></a>
168
            <b>SHIFT</b> : Number            <div class="mdesc">
169
                            Key constant                        </div>
170
        </td>
171
        <td class="msource">EventObject</td>
172
    </tr>
173
        <tr class="property-row alt">
174
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
175
        <td class="sig">
176
        <a id="Ext.EventObject-SPACE"></a>
177
            <b>SPACE</b> : Number            <div class="mdesc">
178
                            Key constant                        </div>
179
        </td>
180
        <td class="msource">EventObject</td>
181
    </tr>
182
        <tr class="property-row">
183
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
184
        <td class="sig">
185
        <a id="Ext.EventObject-TAB"></a>
186
            <b>TAB</b> : Number            <div class="mdesc">
187
                            Key constant                        </div>
188
        </td>
189
        <td class="msource">EventObject</td>
190
    </tr>
191
        <tr class="property-row alt">
192
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
193
        <td class="sig">
194
        <a id="Ext.EventObject-UP"></a>
195
            <b>UP</b> : Number            <div class="mdesc">
196
                            Key constant                        </div>
197
        </td>
198
        <td class="msource">EventObject</td>
199
    </tr>
200
        <tr class="property-row">
201
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
202
        <td class="sig">
203
        <a id="Ext.EventObject-altKey"></a>
204
            <b>altKey</b> : Object            <div class="mdesc">
205
                            True if the alt key was down during the event                        </div>
206
        </td>
207
        <td class="msource">EventObject</td>
208
    </tr>
209
        <tr class="property-row alt">
210
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
211
        <td class="sig">
212
        <a id="Ext.EventObject-browserEvent"></a>
213
            <b>browserEvent</b> : Object            <div class="mdesc">
214
                            The normal browser event                        </div>
215
        </td>
216
        <td class="msource">EventObject</td>
217
    </tr>
218
        <tr class="property-row">
219
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
220
        <td class="sig">
221
        <a id="Ext.EventObject-button"></a>
222
            <b>button</b> : Object            <div class="mdesc">
223
                            The button pressed in a mouse event                        </div>
224
        </td>
225
        <td class="msource">EventObject</td>
226
    </tr>
227
        <tr class="property-row alt">
228
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
229
        <td class="sig">
230
        <a id="Ext.EventObject-ctrlKey"></a>
231
            <b>ctrlKey</b> : Object            <div class="mdesc">
232
                            True if the control key was down during the event                        </div>
233
        </td>
234
        <td class="msource">EventObject</td>
235
    </tr>
236
        <tr class="property-row">
237
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
238
        <td class="sig">
239
        <a id="Ext.EventObject-shiftKey"></a>
240
            <b>shiftKey</b> : Object            <div class="mdesc">
241
                            True if the shift key was down during the event                        </div>
242
        </td>
243
        <td class="msource">EventObject</td>
244
    </tr>
245
            </table>
246
                <a id="Ext.EventObject-methods"></a>
247
        <h2>Public Methods</h2>
248
                <table cellspacing="0" class="member-table">
249
            <tr>
250
                <th class="sig-header" colspan="2">Method</th>
251
                <th class="msource-header">Defined By</th>
252
            </tr>
253
                <tr class="method-row expandable">
254
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
255
        <td class="sig">
256
        <a id="Ext.EventObject-getCharCode"></a>
257
            <b>getCharCode</b>() : Number            <div class="mdesc">
258
                        <div class="short">Gets the key code for the event.</div>
259
            <div class="long">
260
                Gets the key code for the event.    <div class="mdetail-params">
261
        <strong>Parameters:</strong>
262
        <ul><li>None.</li>        </ul>
263
        <strong>Returns:</strong>
264
        <ul>
265
            <li><code>Number</code></li>
266
        </ul>
267
    </div>
268
                </div>
269
                        </div>
270
        </td>
271
        <td class="msource">EventObject</td>
272
    </tr>
273
        <tr class="method-row alt expandable">
274
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
275
        <td class="sig">
276
        <a id="Ext.EventObject-getKey"></a>
277
            <b>getKey</b>() : Number            <div class="mdesc">
278
                        <div class="short">Returns a normalized keyCode for the event.</div>
279
            <div class="long">
280
                Returns a normalized keyCode for the event.    <div class="mdetail-params">
281
        <strong>Parameters:</strong>
282
        <ul><li>None.</li>        </ul>
283
        <strong>Returns:</strong>
284
        <ul>
285
            <li><code>Number</code><div class="sub-desc">The key code</div></li>
286
        </ul>
287
    </div>
288
                </div>
289
                        </div>
290
        </td>
291
        <td class="msource">EventObject</td>
292
    </tr>
293
        <tr class="method-row expandable">
294
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
295
        <td class="sig">
296
        <a id="Ext.EventObject-getPageX"></a>
297
            <b>getPageX</b>() : Number            <div class="mdesc">
298
                        <div class="short">Gets the x coordinate of the event.</div>
299
            <div class="long">
300
                Gets the x coordinate of the event.    <div class="mdetail-params">
301
        <strong>Parameters:</strong>
302
        <ul><li>None.</li>        </ul>
303
        <strong>Returns:</strong>
304
        <ul>
305
            <li><code>Number</code></li>
306
        </ul>
307
    </div>
308
                </div>
309
                        </div>
310
        </td>
311
        <td class="msource">EventObject</td>
312
    </tr>
313
        <tr class="method-row alt expandable">
314
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
315
        <td class="sig">
316
        <a id="Ext.EventObject-getPageY"></a>
317
            <b>getPageY</b>() : Number            <div class="mdesc">
318
                        <div class="short">Gets the y coordinate of the event.</div>
319
            <div class="long">
320
                Gets the y coordinate of the event.    <div class="mdetail-params">
321
        <strong>Parameters:</strong>
322
        <ul><li>None.</li>        </ul>
323
        <strong>Returns:</strong>
324
        <ul>
325
            <li><code>Number</code></li>
326
        </ul>
327
    </div>
328
                </div>
329
                        </div>
330
        </td>
331
        <td class="msource">EventObject</td>
332
    </tr>
333
        <tr class="method-row expandable">
334
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
335
        <td class="sig">
336
        <a id="Ext.EventObject-getRelatedTarget"></a>
337
            <b>getRelatedTarget</b>() : HTMLElement            <div class="mdesc">
338
                        <div class="short">Gets the related target.</div>
339
            <div class="long">
340
                Gets the related target.    <div class="mdetail-params">
341
        <strong>Parameters:</strong>
342
        <ul><li>None.</li>        </ul>
343
        <strong>Returns:</strong>
344
        <ul>
345
            <li><code>HTMLElement</code></li>
346
        </ul>
347
    </div>
348
                </div>
349
                        </div>
350
        </td>
351
        <td class="msource">EventObject</td>
352
    </tr>
353
        <tr class="method-row alt expandable">
354
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
355
        <td class="sig">
356
        <a id="Ext.EventObject-getTarget"></a>
357
            <b>getTarget</b>(&nbsp;<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>&nbsp;) : HTMLelement            <div class="mdesc">
358
                        <div class="short">Gets the target for the event.</div>
359
            <div class="long">
360
                Gets the target for the event.    <div class="mdetail-params">
361
        <strong>Parameters:</strong>
362
        <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
363
 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>
364
        <strong>Returns:</strong>
365
        <ul>
366
            <li><code>HTMLelement</code></li>
367
        </ul>
368
    </div>
369
                </div>
370
                        </div>
371
        </td>
372
        <td class="msource">EventObject</td>
373
    </tr>
374
        <tr class="method-row expandable">
375
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
376
        <td class="sig">
377
        <a id="Ext.EventObject-getTime"></a>
378
            <b>getTime</b>() : Number            <div class="mdesc">
379
                        <div class="short">Gets the time of the event.</div>
380
            <div class="long">
381
                Gets the time of the event.    <div class="mdetail-params">
382
        <strong>Parameters:</strong>
383
        <ul><li>None.</li>        </ul>
384
        <strong>Returns:</strong>
385
        <ul>
386
            <li><code>Number</code></li>
387
        </ul>
388
    </div>
389
                </div>
390
                        </div>
391
        </td>
392
        <td class="msource">EventObject</td>
393
    </tr>
394
        <tr class="method-row alt expandable">
395
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
396
        <td class="sig">
397
        <a id="Ext.EventObject-getWheelDelta"></a>
398
            <b>getWheelDelta</b>() : Number            <div class="mdesc">
399
                        <div class="short">Normalizes mouse wheel delta across browsers</div>
400
            <div class="long">
401
                Normalizes mouse wheel delta across browsers    <div class="mdetail-params">
402
        <strong>Parameters:</strong>
403
        <ul><li>None.</li>        </ul>
404
        <strong>Returns:</strong>
405
        <ul>
406
            <li><code>Number</code><div class="sub-desc">The delta</div></li>
407
        </ul>
408
    </div>
409
                </div>
410
                        </div>
411
        </td>
412
        <td class="msource">EventObject</td>
413
    </tr>
414
        <tr class="method-row expandable">
415
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
416
        <td class="sig">
417
        <a id="Ext.EventObject-getXY"></a>
418
            <b>getXY</b>() : Array            <div class="mdesc">
419
                        <div class="short">Gets the page coordinates of the event.</div>
420
            <div class="long">
421
                Gets the page coordinates of the event.    <div class="mdetail-params">
422
        <strong>Parameters:</strong>
423
        <ul><li>None.</li>        </ul>
424
        <strong>Returns:</strong>
425
        <ul>
426
            <li><code>Array</code><div class="sub-desc">The xy values like [x, y]</div></li>
427
        </ul>
428
    </div>
429
                </div>
430
                        </div>
431
        </td>
432
        <td class="msource">EventObject</td>
433
    </tr>
434
        <tr class="method-row alt expandable">
435
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
436
        <td class="sig">
437
        <a id="Ext.EventObject-hasModifier"></a>
438
            <b>hasModifier</b>() : Boolean            <div class="mdesc">
439
                        <div class="short">Returns true if the control, meta, shift or alt key was pressed during this event.</div>
440
            <div class="long">
441
                Returns true if the control, meta, shift or alt key was pressed during this event.    <div class="mdetail-params">
442
        <strong>Parameters:</strong>
443
        <ul><li>None.</li>        </ul>
444
        <strong>Returns:</strong>
445
        <ul>
446
            <li><code>Boolean</code></li>
447
        </ul>
448
    </div>
449
                </div>
450
                        </div>
451
        </td>
452
        <td class="msource">EventObject</td>
453
    </tr>
454
        <tr class="method-row expandable">
455
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
456
        <td class="sig">
457
        <a id="Ext.EventObject-preventDefault"></a>
458
            <b>preventDefault</b>() : void            <div class="mdesc">
459
                        <div class="short">Prevents the browsers default handling of the event.</div>
460
            <div class="long">
461
                Prevents the browsers default handling of the event.    <div class="mdetail-params">
462
        <strong>Parameters:</strong>
463
        <ul><li>None.</li>        </ul>
464
        <strong>Returns:</strong>
465
        <ul>
466
            <li><code>void</code></li>
467
        </ul>
468
    </div>
469
                </div>
470
                        </div>
471
        </td>
472
        <td class="msource">EventObject</td>
473
    </tr>
474
        <tr class="method-row alt expandable">
475
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
476
        <td class="sig">
477
        <a id="Ext.EventObject-stopEvent"></a>
478
            <b>stopEvent</b>() : void            <div class="mdesc">
479
                        <div class="short">Stop the event (preventDefault and stopPropagation)</div>
480
            <div class="long">
481
                Stop the event (preventDefault and stopPropagation)    <div class="mdetail-params">
482
        <strong>Parameters:</strong>
483
        <ul><li>None.</li>        </ul>
484
        <strong>Returns:</strong>
485
        <ul>
486
            <li><code>void</code></li>
487
        </ul>
488
    </div>
489
                </div>
490
                        </div>
491
        </td>
492
        <td class="msource">EventObject</td>
493
    </tr>
494
        <tr class="method-row expandable">
495
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
496
        <td class="sig">
497
        <a id="Ext.EventObject-stopPropagation"></a>
498
            <b>stopPropagation</b>() : void            <div class="mdesc">
499
                        <div class="short">Cancels bubbling of the event.</div>
500
            <div class="long">
501
                Cancels bubbling of the event.    <div class="mdetail-params">
502
        <strong>Parameters:</strong>
503
        <ul><li>None.</li>        </ul>
504
        <strong>Returns:</strong>
505
        <ul>
506
            <li><code>void</code></li>
507
        </ul>
508
    </div>
509
                </div>
510
                        </div>
511
        </td>
512
        <td class="msource">EventObject</td>
513
    </tr>
514
        <tr class="method-row alt expandable">
515
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
516
        <td class="sig">
517
        <a id="Ext.EventObject-within"></a>
518
            <b>within</b>(&nbsp;<code>Mixed el</code>, <span class="optional" title="Optional">[<code>Boolean related</code>]</span>&nbsp;) : Boolean            <div class="mdesc">
519
                        <div class="short">Returns true if the target of this event equals el or is a child of el</div>
520
            <div class="long">
521
                Returns true if the target of this event equals el or is a child of el    <div class="mdetail-params">
522
        <strong>Parameters:</strong>
523
        <ul><li><code>el</code> : Mixed<div class="sub-desc"></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>        </ul>
524
        <strong>Returns:</strong>
525
        <ul>
526
            <li><code>Boolean</code></li>
527
        </ul>
528
    </div>
529
                </div>
530
                        </div>
531
        </td>
532
        <td class="msource">EventObject</td>
533
    </tr>
534
            </table>
535
                <a id="Ext.EventObject-events"></a>
536
        <h2>Public Events</h2>
537
        <div class="no-members">This class has no public events.</div>
538
        </div>