web前段--js/jquery定义键盘回车事件导致页面刷新的问题(踩坑)

后台管理早写好了,运营过来跟我说,这个搜索能不能修改一下,直接用回车键来搜索,不希望每次都要去点击搜索按钮,后来我去改了下触发事件,发现怎么改都是刷新页面的效果,根本就没去ajax调取搜索接口,百度了一番,发现原来是form表单的原因.

原因:当form表单只有一个input框时,按下回车键,会自动提交表单,并且不会把你刚输入的关键字传递给服务器端.

修改思路:

1.去掉表单

2.不要让表单中只有一个文本框(增加一个隐藏的文本框就行)

3.以上两点都不想使用,那么就还可以在表单后面加上一个onsubmit事件,返回false.阻止form提交.