jQuery响应enter键的实现思路
2023-06-13 09:15:25 时间
有时候我们有这样的需求:当用户在表单里数据完数据后,之间按enter键就可以执行查询或者保存的操作。实现的思路如下。
让你的form表单或需要响应enter键的区域处于div之间。形如:
复制代码代码如下:
让你的form表单或需要响应enter键的区域处于div之间。形如:
<divclass="top_inputbox">
单位名称:<inputclass="inp"type="text"name="qureyBean.com_name"
value="${qureyBean.com_name}"/>
<ahref="javascript:firstPage();">查询</a>
</div>
响应键盘enter键的js:
$(".top_inputbox").keypress(function(e){
varcode=event.keyCode;
if(13==code){
alert("响应键盘的enter事件");
}
});
这样你就可以alert做你想做的操作了。
公司目前用的是这样的响应:
//回车快捷查询
$(".top_inputbox").keypress(function(e){
varkeyCode=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
if(keyCode==13){
alert("响应键盘的enter事件");
}
});
我在网上搜了一下,e.keyCode?e.keyCode:e.which?e.which:e.charCode这是为了兼容性。
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jquery选择器用法_jQuery属性选择器
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- jQuery可见性伪类选择器
- JQuery初体验(建议学习jquery)
- 基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
- Jquery中dialog属性小记
- Jquery知识点三jquery表单对象操作
- 8款非常棒的响应式jQuery幻灯片插件推荐
- jQuery.buildFragment使用方法及思路分析
- jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
- jQuery弹性滑动导航菜单实现思路及代码
- jQuery父级以及同级元素查找介绍
- UpdatePanel和jQuery不兼容局部刷新jquery失效
- jquery表单验证框架提供的身份证验证方法(示例代码)
- jquery通过name快速取值示例
- 基于jquery固定于顶部的导航响应浏览器滚动条事件
- 一款基jquery超炫的动画导航菜单可响应单击事件