javascript - 无需单击按钮，其单击事件就会执行 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执行该功能。

score 4 · Accepted Answer

这应该工作：

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

score 4 · Accepted Answer

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

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

2 回答 2