File tree Expand file tree Collapse file tree 2 files changed +7
-7
lines changed
site/content/tutorial/16-special-elements/04-svelte-window Expand file tree Collapse file tree 2 files changed +7
-7
lines changed Original file line number Diff line number Diff line change 1
1
<script >
2
2
let key;
3
- let keyCode ;
3
+ let code ;
4
4
5
5
function handleKeydown (event ) {
6
6
key = event .key ;
7
- keyCode = event .keyCode ;
7
+ code = event .code ;
8
8
}
9
9
</script >
10
10
13
13
<div style =" text-align: center" >
14
14
{#if key }
15
15
<kbd >{key === ' ' ? ' Space' : key }</kbd >
16
- <p >{keyCode }</p >
16
+ <p >{code }</p >
17
17
{:else }
18
18
<p >Focus this window and press any key</p >
19
19
{/if }
39
39
border-bottom : 5px solid rgba (0 , 0 , 0 , 0.2 );
40
40
color : #555 ;
41
41
}
42
- </style >
42
+ </style >
Original file line number Diff line number Diff line change 1
1
<script >
2
2
let key;
3
- let keyCode ;
3
+ let code ;
4
4
5
5
function handleKeydown (event ) {
6
6
key = event .key ;
7
- keyCode = event .keyCode ;
7
+ code = event .code ;
8
8
}
9
9
</script >
10
10
13
13
<div style =" text-align: center" >
14
14
{#if key }
15
15
<kbd >{key === ' ' ? ' Space' : key }</kbd >
16
- <p >{keyCode }</p >
16
+ <p >{code }</p >
17
17
{:else }
18
18
<p >Focus this window and press any key</p >
19
19
{/if }
You can’t perform that action at this time.
0 commit comments