需求

需要在搜索框中输入文字后回车能够触发搜索事件

 

实现

页面代码

<div class="index-search">
   <input type="text" name="indexSearch" class="inp"  value="<s:property value="front.key"/>" onkeydown="tab(event)" placeholder="Search in this store" id="ssubmitStore">
   <img class="icon icon-search" src="/images/djimart-supplier-home/icon_search1.png">
</div>

效果

 

当我们在上图文本框中输入字符按回车实现自动搜索

我们需要引入jquery ,编写如下功能代码

核心在于e.keyCode=13那么就是我们按下了回车的动作

实现1

$("#ssubmitStore").keydown(function(e) {
    if (e.keyCode == 13) {
        seachStore(); //调用搜索店内商品信息
    }
});

实现2

$(".inp").change(function (event) {
    {
        var v = $(this).val();
        if (v = v.replace(/^\s*(.*?)\s*$/, "$1"), v.length > 100 && (v = v.substring(0, 100)), "" == v) {
            return ;
        }
        if (event.keyCode == 13) {
            document.getElementById("ssubmit").click();
        }
    }
});