在輸入字段上按回車鍵觸發按鈕單擊 function

Question

  <form onsubmit="myFunction()">
  Enter name: <input type="text" name="fname">
  <!--input type="submit" value="Submit"-->
  <button onclick="alert('button click')">click</button>
</form>

在輸入觸發按鈕 onclick 上按 enter，表單提交。 如何避免按鈕 onclick 觸發器。

Answer 1

在表單呈現后運行它

document.querySelector('input[name="fname"]').onkeydown=e=>{

   if(e.key==='Enter')e.preventDefault();

   //if you want form submission
   document.querySelector('form').submit();

};

Answer 2

當您在表單中有一個按鈕時，它默認鍵入“提交”，這意味着表單中的第一個按鈕將具有由 ENTER 鍵觸發的 onclick 事件。 為了防止這種情況發生，只需將 type="button" 分配給按鈕，輸入鍵將不再影響它。

Answer 3

嘗試這個

 <form onsubmit="myFunction()"> Enter name: <input type="text" name="fname" id="fname"> <.--input type="submit" value="Submit"--> <button onclick="alert('button click')" id="btn">click</button> </form> <script type="text/javascript"> var input = document;getElementById("fname"). input,addEventListener("keypress". function(event) { if (event.key === "Enter") { event;preventDefault(). document.getElementById("btn");click(); } }); </script>