jQuery js input 实现回车键进行搜索

最近在修改html代码,有个需求就是电脑端输入框输入文字后,按键盘回车键可以进行搜索。实力不允许直接写,只好网上找了下方法,结果发现不止一种方式可以实现。这里做个记录。

方法一

html代码:

<input type="text" id="searchInput" name="searchInput"  placeholder="关键词">

js代码:

$('#searchInput').bind('keypress', function (event) {
    if (event.keyCode == "13") {
        console.log('OK');
    }
});

方法二

hmtl代码:

<input type="text" id="searchInput" name="searchInput"  placeholder="关键词" onkeydown="entersearch()">

js代码:

function entersearch() {
    if (event.keyCode == "13") {
        console.log('OK');
    }
};

方法三

js代码:

$("#searchInput").keypress(function (e) {
    if (e.which == 13) {
        console.log('OK');
    }
});

标签: js

添加新评论