Svelteでショートカットを実装する

Svelteでショートカット実装する方法を紹介します。
以下のような実装となります。

<script>
	function onkeydown(event: KeyboardEvent) {
		if (event.key in shortCutKeys) {
			event.preventDefault();
		}
		switch (event.key) {
			case shortCutKeys.Space:
                // 処理
				break;
			case shortCutKeys.Esc:
                // 処理
				break;
		}
	}
</script>

<svelte:window on:keydown={onkeydown} />

ショートカットのキーの場合、preventDefault()が実行されるように実装しています。

全てのキーをprevetDefautlする場合は、以下のように実装します。

<svelte:window on:keydown|preventDefault={onKeyDown} />

因みに、<svelte:window>　は色々あるので、時間あるときに確認したいです。
https://learn.svelte.dev/tutorial/svelte-window