深圳龙岗最新疫情最新消息/网站优化是做什么的
今天在改项目的时候发现,每次搜索都必须按搜索按钮才可以,不能实现回车触发搜索请求实在是太难受了。查阅了一番资料之后终于可以按回车键就可以实现搜索功能了!和大家一起分享下!
<form action="" ><input id="name" type="text" autocomplete="off" placeholder="请输入姓名"><button type="button" class="nameBtn">搜索</button>
</form>
注意:我的搜索不是用form表单提交的,嘻嘻!下面是我的jquery代码!
$('.nameBtn').click(function () {var name = $('#name').val();if(name==""){myAlert("请输入搜索内容!")}else {var URL = '/admin/user/name/' + name;location.href = URL;}
});
$(document).keydown(function (event) {if (event.keyCode == 13) { //keyCode=13是回车键$('.nameBtn').triggerHandler('click');}
});
通过keydown就可以实现回车键触发搜索请求了!
如果一个页面需要多个回车键触发click请求,可以将
$(document).keydown(function (event) {if (event.keyCode == 13) { //keyCode=13是回车键$('.nameBtn').triggerHandler('click');}
});
中的document改成特定的选择器。例如:特定的input选择器
$("input[id=a1]").keyup(function(event){if(event.keyCode ==13){$(".directionBtn").trigger("click");}
});$("input[id=a2]").keyup(function(event){if(event.keyCode ==13){$(".numberBtn").trigger("click");}
});