|
|
@ -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>
|
|
|
|