How to trigger a submit action for an input element or form while pressing enter key?

Question

Have a simple search bar (input field) which should trigger an onSubmit action while we press Enter button

use onKeyPress: https://stackoverflow.com/questions/27827234/how-to-handle-the-onkeypress-event-in-reactjs — Joey, Apr 12 '22 at 14:55

score 0 · Answer 1 · answered Apr 12 '22 at 14:55

0

You can use onKeyPress. Check this : https://stackoverflow.com/questions/13987300/how-to-capture-enter-key-press

answered Apr 12 '22 at 14:55

yanir midler

score 0 · Answer 2 · answered Apr 12 '22 at 14:55

0

Simple, have a button type submit inside the form. Here's an example:

const onSubmit = () => {}
// ..
<form onSubmit={onSubmit}>
  ...
  <button type="submit">Search</button>
  ...
</form>

You don't need to use onKeyPress event.

answered Apr 12 '22 at 14:55

Vijay Dev

1

but if the seacrh bar isn't inside the form? – yanir midler Apr 12 '22 at 14:57
You can have an id on form `
`. Then the input or any element can part of the form with form attribute: ` – Vijay Dev Apr 12 '22 at 15:01

2 Answers2