How can I Implement a Control+Enter Keyboard Shortcut using JavaScript?

Question

I want a button to be pushed when the user presses ctrl+enter in JavaScript. How can I achieve this? When using the below code and pressing ctrl, nothing happens. I'm also not sure how to use two keys at once.

document.addEventListener('keypress', (event) => {
  const keyName = event.key;

  alert('keypress event\n\n' + 'key: ' + keyName);
});

A web search on this would turn up lots and lots of results. Stackoverflow isn't a "how to" tutorial service — charlietfl
– charlietfl, Commented Nov 10, 2017 at 14:27
I looked up 'How to implement keyboard shortcuts in html5` and it was a bunch of answers that used deprecated features. — Jordan Baron
– Jordan Baron, Commented Nov 10, 2017 at 14:33
Even if you saw deprecated features, you can still look into the documentation and see what alternatives are avalable (The link provided in the first comment) — Alon Eitan
– Alon Eitan, Commented Nov 10, 2017 at 15:00

Jordan Baron · Accepted Answer · 2017-11-10 16:11:00Z

6

The below code seems to work just fine. If anyone has a better solution feel free to answer!

document.addEventListener('keydown', (event) => {
    if(event.ctrlKey && event.key == "Enter") {
    alert("Ctrl+Enter key pressed");
  }
});

answered Nov 10, 2017 at 16:11

Jordan Baron

4,3424 gold badges21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I Implement a Control+Enter Keyboard Shortcut using JavaScript?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related