通过回车键触发查询

回车查询

今天写的一个程序需要不点击查询按钮,而是在输入查询条件之后,通过按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();
        }
    });

监听键盘按键动作,做出回应,目前还没有出现兼容性问题

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值