Run method when enter is pressed

Question

I am coding a webpage that has a form with one field where a user types in a set of numbers then press a button that says 'Run' to run the code, the problem is when you press the 'enter' key instead of the 'Run' button it doesn't do anything. It is suppose to run a javascript method called 'calculate()'.

I tried looking for a method called 'onEnter' or 'onSubmit' but couldn't find any.

if the field is a textarea, this is a duplicate https://stackoverflow.com/questions/2099661/enter-key-in-textarea there is no such method onEnter, onSubmit is a form event not text input event, you need to read more about the JS API, you just can't call random functions and expect to work. — Pablo Pazos, Sep 19 '18 at 05:08
Have you tried `keypress` event of button and then handle enter key code which is 13? — Arun Kumar, Sep 19 '18 at 05:09
`onSubmit` is available on the `
` tag. And you can still `preventDefault` behaviour when submitting. — Thomas, Sep 19 '18 at 05:33

score 2 · Accepted Answer · answered Sep 19 '18 at 05:10

You can attach a listener on the keypress in the body / some specific element. The key code for enter is 13, so you can listen to that.

let element = document.getElementById('#some-element');

element.addEventListener('keydown', (e) => {
  e.preventDefault();
  if (e.keyCode === 13) {
    calculate();
  }
});

Run method when enter is pressed

1 Answers1