Breaking News: Grepper is joining You.com. Read the official announcement!

submit form when user click enter key in react

Add Answer

Paul Asukwo answered on February 16, 2021 Popularity 9/10 Helpfulness 5/10

answer submit form when user click enter key in react

related on enter key press react

related on enter key press react js

related enter button submit from react

submit form when user click enter key in react

Comment

Submit form when user click enter key in react

useEffect(() => {
    const listener = event => {
      if (event.code === "Enter") {
        console.log("Enter key was pressed.");
        event.preventDefault();
        // yourFunction();
      }
    };
    document.addEventListener("keydown", listener);
    return () => {
      document.removeEventListener("keydown", listener);
    };
  }, []);

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: click enter javascript key submit when

Link to this answer
Share Copy Link

Contributed on Feb 17 2023

Paul Asukwo

0 Answers Avg Quality 2/10

Closely Related Answers

on enter key press react

Comments(1)

onKeyPress={(e) => e.key === 'Enter' && handleSearch()}

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: enter ente

Link to this answer
Share Copy Link

Contributed on Feb 16 2021

Jittery Jaguar

0 Answers Avg Quality 2/10

on enter key press react js

Comment

  useEffect(() => {
    const listener = event => {
      if (event.code === "Enter" || event.code === "NumpadEnter") {
        console.log("Enter key was pressed. Run your function.");
        event.preventDefault();
        // callMyFunction();
      }
    };
    document.addEventListener("keydown", listener);
    return () => {
      document.removeEventListener("keydown", listener);
    };
  }, []);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: enter ente

Link to this answer
Share Copy Link

Contributed on Jun 09 2021

Tender Tarantula

0 Answers Avg Quality 2/10

enter button submit from react

Comment

// onKeyPress is deprecated use onKeyDown instead.

<input type="text" name="title" onKeyDown={handleInput} />

const handleInput = e => {
    if (e.code === "Enter" && e.code === "NumpadEnter") {
        console.log("Enter key was pressed. Run your function.");
        e.preventDefault();
    }
};

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: button enter javascript javasc

Link to this answer
Share Copy Link

Contributed on May 05 2024

Tushar

0 Answers Avg Quality 2/10

submit form when user click enter key in react

Contents

More Related Answers

submit form when user click enter key in react

Closely Related Answers

on enter key press react

on enter key press react js

enter button submit from react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.