input输入框回车刷新页面的解决方法

最近写了一个社区查询的模块,通过回车进行搜索。 But!问题来了~~~回车不听话,一回车就刷新是怎么个情况(装作目瞪口呆。。。)莫不是我绑定了什么奇奇怪怪的方法???接下来说正题!!!

效果如图,我写的就是这么个小东西
input输入框回车刷新页面的解决方法

分析原因

form表单有一个特性,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作。

解决方法

input输入框回车刷新页面的解决方法
阻止表单的提交就可以了,是不是很简单。哈哈哈。问题解决,妈妈再也不用担心我的学习啦~~~