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

Question

我有一个HTML表单,其中包含一个输入文本和一个按钮. HTML

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

JS功能

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

当用户单击该按钮时,将YouClick执行javascript函数.但是如果我在输入文本字段上按Enter键而不是YouClick函数执行.我怎么能阻止这种行为？只有通过单击按钮才能YouClick执行该功能.

Answer 1

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

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