javascript - OnKeyPress ENTER 重新加载页面

Question

<input type="text" onkeypress="if (event.keyCode==13){ func_name(this.value);}"    id="userinput"/>

我有一个文本字段，我在按 ENTER 键时调用了一个函数。问题是页面被重新加载，而它不应该这样，因为我只调用了一个 js 函数。请告诉我我在做什么错了。

Answer 1

按 Enter 键正在提交表单。您可以将 onsubmit 事件附加到表单，并返回 false 来阻止提交(返回 true 来提交)。您可以使用此功能在提交之前验证数据，或拦截您的keypress事件。

或者，如下所述，您可以使用 event.preventDefault() 来防止按 Enter 键触发提交。

类似这样的事情...

<form action=".">
    <input type="text" onkeypress="console.log('happy days'); event.preventDefault()">
</form>