@@ -366,13 +366,13 @@ render() {
366
366
367
367
For all other event and key modifiers, no special API is necessary, because we can use event methods in the handler:
368
368
369
- | Modifier(s) | Equivalent in Handler |
370
- | ----------------------------------------------------- | ---------- ---------------------------------------------------------------------------------------------------------- |
371
- | ` .stop ` | ` event.stopPropagation() ` |
372
- | ` .prevent ` | ` event.preventDefault() ` |
373
- | ` .self ` | ` if (event.target !== event.currentTarget) return ` |
374
- | Keys:<br >` .enter ` , ` .13 ` | ` if (event.keyCode !== 13 ) return ` (change ` 13 ` to [ another key code ] ( http://keycode.info/ ) for other key modifiers ) |
375
- | Modifiers Keys:<br >` .ctrl ` , ` .alt ` , ` .shift ` , ` .meta ` | ` if (!event.ctrlKey) return ` (change ` ctrlKey ` to ` altKey ` , ` shiftKey ` , or ` metaKey ` , respectively) |
369
+ | Modifier(s) | Equivalent in Handler |
370
+ | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
371
+ | ` .stop ` | ` event.stopPropagation() ` |
372
+ | ` .prevent ` | ` event.preventDefault() ` |
373
+ | ` .self ` | ` if (event.target !== event.currentTarget) return ` |
374
+ | Keys:<br >e.g. ` .enter ` | ` if (event.key !== 'Enter' ) return ` < br >< br >Change ` 'Enter' ` to the appropriate [ key ] ( http://keycode.info/ ) |
375
+ | Modifier Keys:<br >` .ctrl ` , ` .alt ` , ` .shift ` , ` .meta ` | ` if (!event.ctrlKey) return ` < br >< br >Likewise for ` altKey ` , ` shiftKey ` , and ` metaKey ` |
376
376
377
377
Here's an example with all of these modifiers used together:
378
378
@@ -384,9 +384,9 @@ render() {
384
384
// the element the event is bound to
385
385
if (event .target !== event .currentTarget ) return
386
386
// Abort if the key that went up is not the enter
387
- // key (13) and the shift key was not held down
388
- // at the same time
389
- if (! event .shiftKey || event .keyCode !== 13 ) return
387
+ // key and the shift key was not held down at the
388
+ // same time
389
+ if (! event .shiftKey || event .key !== ' Enter ' ) return
390
390
// Stop event propagation
391
391
event .stopPropagation ()
392
392
// Prevent the default keyup handler for this element
0 commit comments