这个博客系统顶栏的搜索框,按我的想法是在单击搜索按钮,或者在搜索框里敲回车时就执行搜索的,但是突然发现按回车无法搜索,原因是没有跳转url,仅仅是把get参数发送到本页面了。
发现了这个bug,于是我试图解决。一开始我发现,搜索框里根本就没写enter键相应的代码。但是我没多想,直接把判断有按键按下时检测是否回车,如果是回车键则调用搜索按钮的click事件。
加完了以后发现居然还是无效,问题依旧。经过反复测试居然发现,在调用click事件后加上一个无关紧要的alert就正确了。但是这个结果显然不是我想要的,于是反复测试:把调用click事件改成直接调用js方法,甚至是把方法里的代码直接复制过来都无效,但是只要加上这个alert就正确了。
后来偶然发现,原来搜索框外面包着的是一个form,直接把form改成div就行了……这样不加alert也没问题了。
提交代码到github,然后部署,测试通过……
然后我忽然反应过来,我走了个弯路……我应该是不改form,而是把button改成submit,然后把form的action写成搜索页面的url,method写get……我怎么这么二啊233