Add keyboard shortcut to submit forms

[dacook]

What? Why?

Although enter will submit the form in many cases, it doesn't cover elements such as textarea.

Power users of web apps would be familiar with the keyboard shortcut for submitting forms:
ctrl+enter ( or cmd+enter for macOS). Refer: https://ux.stackexchange.com/a/136590/36009

This will enable power users to submit standard forms quicker. Unfortunately I couldn't get it to work for Angular forms which are widespread, so the benefit is reduced. If anyone knows how to do that, it would be nice..

Note that the web "standard" of accesskey is not accepted as a solution for this, hence the need for Javascript (see https://webaim.org/techniques/keyboard/accesskey).

What should we test?

Submit some forms in frontend and backend. For example:

• log in
• checkout, and press ctrl+enter for comments:
  

Admin

• Try pressing it in Enterprise edit screen: nothing happens (like before)
• Edit product description
  

Release notes

It's probably not worth mentioning as a user-facing change unless we can implement it for all (angular) forms.

Changelog Category (reviewers may add a label for the release notes):

• User facing changes
• API changes (V0, V1, DFC or Webhook)
• Technical changes only
• Feature toggled

The title of the pull request will be included in the release notes.

Dependencies

Documentation updates

[mkllnk]

Nice!

[rioug]

Thanks ! I hate when I can't use usual keyboard shortcut on a website.

[drummer83]

Hi @dacook,
Cool! Thank you for improving this!

I couldn't find any problems with it. Great! 🥳
Merging! 🚀