没有点击按钮，它的点击事件执行javascript

Question

我有一个包含输入文本和按钮的HTML表单。 的 HTML

<form id="form1">
   <input type="text" />
   <button onclick='YouClick();'>Click</button>
 </form>

JS功能

 function YouClick() {
   alert("You just clicked");
 }

当用户点击按钮时，执行javascript函数YouClick。但是如果我按下输入文本字段上的输入键而不是YouClick函数执行。我怎么能阻止这种行为？因此，只需单击按钮即可执行YouClick功能。

Answer 1

这应该有效：

$(document).ready(function() {
  $('input').keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
    }
  });
});

Answer 2

您正在提交表单，然后触发默认为type='submit'的按钮，您可以将按钮的type属性设置为button：

<button type='button' onclick='YouClick();'>Click</button>