您的位置:首页 > Web前端 > JavaScript

通过回车键触发查询

2016-06-18 19:35 232 查看

回车查询

今天写的一个程序需要不点击查询按钮,而是在输入查询条件之后,通过按enter键盘,开始查询,觉得很有意思,记录一下

页面展现



<div class="search_content">
<input id="keyword" type="text" placeholder="请输入你要搜索的宝贝ID、宝贝链接或关键词">
<a href="javascript:void(0);" class="submit">搜全站</a>
</div>


function query(page_index){
//查询第一页数据
}
function queryStore(page_index){
//查询第一页数据
}
$(".submit").click(function() {
if ($(".search_box .search ul li.current").index() == 0) {
query(0);
} else {
queryStore(0);
}
});
// 关键词搜索框添加绑定回车函数
$('#keyword').bind('keypress', function(event) {
if (event.keyCode == "13") {
$(".submit").click();
}
});


监听键盘按键动作,做出回应,目前还没有出现兼容性问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息