input弹出的手机键盘搜索事件

一、input的搜索框

   在input标签里面把type设置为search就可以了。弹出的手机键盘回车键也会变成搜索或者是搜索的图标。

<input id="search" type="search" ></input>

设置type为search的搜索框，当输入内容的时候，后面会多出一个x，点击x可以清空输入的内容。

二、获取键盘搜索事件

   输入内容之后直接点击手机键盘的搜索按钮就可以进行搜索了。以下是获取键盘搜索事件：

//获取键盘搜索按钮事件
    $("#search").on('keypress', function(e) {
        var keycode = e.keyCode;
        //获取搜索框的值
        var searchContent = $(this).val();
        if (keycode == '13') {
            e.preventDefault();
            //请求搜索接口
            if (searchContent == '') {
                alert('请输入检索内容！');
            } else {
                alert(searchContent);
            }
        }
    });