Ctrl + Enter to submit Form (Typescript)

ctrl-enter.ts

document.body.addEventListener("keydown", (e: KeyboardEvent) => {
    if (!(e.key === "Enter" && (e.metaKey || e.ctrlKey))) return

    if ('form' in e.target) {
    	const formElement = e.target.form as HTMLFormElement;
    	formElement?.submit(); // or formElement?.requestSubmit() depending on your usecase
    }
  })
 

Unfortunately, the e.target as HTMLFormElement isn't the most precise coercion, because the .form receives the any type:

---

A bit more robust handling would look like this:

(event) => {
	if (!event.target) return;

	const { key, metaKey, ctrlKey } = event;
	if (key !== 'Enter' || !(metaKey || ctrlKey)) return;

	if ('form' in event.target) {
		const formElement = event.target.form as HTMLFormElement;
		formElement?.requestSubmit();
	}
}

@oleksandr-danylchenko Thanks! Updated the gist.