今天在实现回车搜索功能时,遇到了一些小问题,特记录在此,愿大家都没有bug
前端页面如下:
jQuery关键代码如下:
// 为输入框添加绑定事件,文末有绑定事件使用说明
$("#goto").bind('keypress', function (event) {
// 获取用户输入框中的值
let val = $("#goto").val();
// 当键码的值为13时也就意味着是回车,执行控制层方法
if (event.keyCode == '13') {
// 这里使用了bootstrap样式,用过的应该很好理解
// 不用样式的写法为:location=‘getDoctorList?pageNum=' + val;
power2('getDoctorList?pageNum=' + val);
}
})
可以发现,关键在于回车键
event.keyCode == '13' (键盘的的第13个键码)以此类推,使用其他按键查询只需获取键盘对应的键码即可。
附上jQuery绑定事件的说明文档:
再附上三层框架代码:仅供参考,主要目的是展示参数的接收,箭头顺序为执行顺序
特别提醒:如果使用bootstrap样式,实现回车搜索功能时,前端页面一定要把<form>标签删除,不然会出现bug。(当敲回车提交时会默认走form表单而导致样式错乱,令人头疼)
如有错误,欢迎指正
Thanks