Skip to content

Commit 7745e70

Browse files
fix: using a keyCode with v-on is no longer supported (#807)
1 parent 9eca838 commit 7745e70

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/guide/render-function.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -366,13 +366,13 @@ render() {
366366

367367
For all other event and key modifiers, no special API is necessary, because we can use event methods in the handler:
368368

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` |
376376

377377
Here's an example with all of these modifiers used together:
378378

@@ -384,9 +384,9 @@ render() {
384384
// the element the event is bound to
385385
if (event.target !== event.currentTarget) return
386386
// 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
390390
// Stop event propagation
391391
event.stopPropagation()
392392
// Prevent the default keyup handler for this element

0 commit comments

Comments
 (0)