type設置爲search
<input type="search" placeholder="請輸入要查詢的品類" id="search-input">
//手機鍵盤搜索鍵
$("#search-input").on('keypress',function(e) {
var keycode = e.keyCode;
var searchName = $(this).val();
if(keycode=='13') {
e.preventDefault();
//請求搜索接口
}
});
搜索功能keyup事件
//1秒檢索
var timeoutId = 0;
$('#search-input').off('keyup').on('keyup', function (event) {
clearTimeout(timeoutId);
if(!$(this).val().trim()){
$(".j-content").html('');
return false;
}
timeoutId = setTimeout(function () {
//請求接口
}, 1000);
});