基于用户搜索习惯,都喜欢使用回车键进行input搜索框的搜索;
页面是两个input;第一个是text第二个是button
点击下面的搜索button直接进行一个搜索
<li >
<input name="search_text" id="search_text" type="text" size="24" placeholder="请输入关键字">
<input onclick="search()" name="search_button" type="button" id="search_button" value="搜索">
</li>
第一个直接在第一个text的input中后面加上onkeypress="if(event.keyCode==13) {search_button.click();return false;}"
其中13是键盘回车的键位,search_button是搜索按钮的id
<li >
<input name="search_text" id="search_text" type="text" size="24" placeholder="请输入关键字" onkeypress="if(event.keyCode==13) {search_button.click();return false;}">
<input onclick="search()" name="search_button" type="button" id="search_button" value="搜索">
</li >
第二个是加JQUERY;方法类似;
本文介绍如何为JSP页面的输入框添加回车事件,以便用户通过回车键执行搜索操作。首先,直接在input text元素上添加onkeypress事件,判断按键码是否为13(回车键),如果是则模拟点击搜索按钮。其次,介绍了使用jQuery实现相同功能的方法,同样监听回车键并触发搜索按钮的点击事件。
1520

被折叠的 条评论
为什么被折叠?



