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 函数才会执行。

Answer 1

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

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