关于JS回车事件的分享

291 阅读1分钟
<input id="inputval" type="text" placeholder="请输入你想要搜索的内容,如:“会计事务所”">
<button class="search">搜索</button> 

//获取焦点
var flag;
$("#keyval").focus(function () {
    flag = true;
    document.onkeydown = function (ev) {
        var event = ev || event
        if (event.keyCode == 13 && flag) {
            search_key();
        }
    };
});


//失去焦点
$("#keyval").blur(function () {
    flag = false;
});


//点击按钮搜索
$(".search").click(function () {
    search_key();
});


//搜索逻辑
function search_key() {
    if (key_val == '') {
        layer.msg('请输入搜索内容')
    } else {
        layer.msg('搜索成功')
    }
}