Answers for "react handle enter submit off"

2

react form submission when enter is pressed

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);
    };
  }, []);
Posted by: Guest on June-09-2021
0

react prevent form submission on enter key press inside inputs

// Prevent form submission on enter key press inside inputs
    const listener = e => {if(e.keyIdentifier==='U+000A'||e.keyIdentifier==='Enter'||e.keyCode===13){if(e.target.nodeName === 'INPUT' && e.target.type !== 'textarea'){e.preventDefault();return false;}}};
    document.addEventListener('keydown', listener, true);
Posted by: Guest on September-01-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language