input回车触发事件

需求

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

 

实现

页面代码

   " onkeydown="tab(event)" placeholder="Search in this store" id="ssubmitStore">
   

效果

 

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

我们需要引入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();
        }
    }
});