点击回车时页面自动刷新 解决方法

描述

在做搜索功能时，一个搜索文本框，一个搜索按钮，为文本框添加了回车事件，在文本框输入并敲击回车，出现搜索结果后页面自动刷新——因为只有一个文本框在form表单中，点击回车，则提交了表单，刷新了界面。

解决方法

1. 将form表单改为div。
2. 在form表单中再添加一个文本框，设置为隐藏，这样点击回车就不会刷新页面。因为一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。
   如下：
   <input type=“text” style=“display:none” />