通过回车键触发查询

来源:互联网 发布:2017淘宝客服工作计划 编辑:程序博客网 时间:2024/06/09 21:16

回车查询

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

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

0 0
原创粉丝点击