[docs] use KeyboardEvent.code (#7809)

pull/7834/head
schelv 2 years ago committed by GitHub
parent 46990652c0
commit f3f3d074c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -1,10 +1,10 @@
<script> <script>
let key; let key;
let keyCode; let code;
function handleKeydown(event) { function handleKeydown(event) {
key = event.key; key = event.key;
keyCode = event.keyCode; code = event.code;
} }
</script> </script>
@ -13,7 +13,7 @@
<div style="text-align: center"> <div style="text-align: center">
{#if key} {#if key}
<kbd>{key === ' ' ? 'Space' : key}</kbd> <kbd>{key === ' ' ? 'Space' : key}</kbd>
<p>{keyCode}</p> <p>{code}</p>
{:else} {:else}
<p>Focus this window and press any key</p> <p>Focus this window and press any key</p>
{/if} {/if}
@ -39,4 +39,4 @@
border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2);
color: #555; color: #555;
} }
</style> </style>

@ -1,10 +1,10 @@
<script> <script>
let key; let key;
let keyCode; let code;
function handleKeydown(event) { function handleKeydown(event) {
key = event.key; key = event.key;
keyCode = event.keyCode; code = event.code;
} }
</script> </script>
@ -13,7 +13,7 @@
<div style="text-align: center"> <div style="text-align: center">
{#if key} {#if key}
<kbd>{key === ' ' ? 'Space' : key}</kbd> <kbd>{key === ' ' ? 'Space' : key}</kbd>
<p>{keyCode}</p> <p>{code}</p>
{:else} {:else}
<p>Focus this window and press any key</p> <p>Focus this window and press any key</p>
{/if} {/if}

Loading…
Cancel
Save