Skip to content

Commit f3f3d07

Browse files
authored
[docs] use KeyboardEvent.code (#7809)
1 parent 4699065 commit f3f3d07

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed

site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
22
let key;
3-
let keyCode;
3+
let code;
44
55
function handleKeydown(event) {
66
key = event.key;
7-
keyCode = event.keyCode;
7+
code = event.code;
88
}
99
</script>
1010

@@ -13,7 +13,7 @@
1313
<div style="text-align: center">
1414
{#if key}
1515
<kbd>{key === ' ' ? 'Space' : key}</kbd>
16-
<p>{keyCode}</p>
16+
<p>{code}</p>
1717
{:else}
1818
<p>Focus this window and press any key</p>
1919
{/if}
@@ -39,4 +39,4 @@
3939
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
4040
color: #555;
4141
}
42-
</style>
42+
</style>

site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
22
let key;
3-
let keyCode;
3+
let code;
44
55
function handleKeydown(event) {
66
key = event.key;
7-
keyCode = event.keyCode;
7+
code = event.code;
88
}
99
</script>
1010

@@ -13,7 +13,7 @@
1313
<div style="text-align: center">
1414
{#if key}
1515
<kbd>{key === ' ' ? 'Space' : key}</kbd>
16-
<p>{keyCode}</p>
16+
<p>{code}</p>
1717
{:else}
1818
<p>Focus this window and press any key</p>
1919
{/if}

0 commit comments

Comments
 (0)