在输入字段上按回车键触发按钮单击 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>