jQuery响应enter键的实现思路
有时候我们有这样的需求:当用户在表单里数据完数据后,之间按enter键就可以执行查询或者保存的操作。实现的思路如下。
让你的form表单或需要响应enter键的区域处于div之间。形如:
代码如下:
<div class="top_inputbox">
单位名称:<input class="inp" type="text" name="qureyBean.com_name"
value="${qureyBean.com_name}" />
<a href="javascript:firstPage();">查询</a>
</div>
$(".top_inputbox").keypress(function (e){
var code = event.keyCode;
if (13 == code) {
alert("响应键盘的enter事件");
}
});
这样你就可以alert做你想做的操作了。
//回车快捷查询
$(".top_inputbox").keypress(function (e) {
var keyCode = 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的回车成tab焦点切换效果代码(Enter To Tab )
第一种方法: 复制代码 代码如下: $(document).ready(function () { $(':input:text:first').focus(); $(':input:enabled').addClass('enterIndex'); // get only input tags with class data-entry textboxes = $('.enterIndex'); // now we check to see which browser is being use
-
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
但唯一遗憾的是,在对中文输入法打开时,firefox3.0中是对中文拼音的自动匹配,而对输入后的中文无法及时触发匹配:而在我的IE6.0下,则无此问题. 原因分析: Autocomplete插件对用户输入字符的触发自动匹配是通过"keydown"事件进行的(可分析jquery.autocomplete.js第 92行),在IE6中,当输入法打开时,输入的字符是不会触发"keydown"的,只有中文输入完毕才触发之,所以中文输入和latin文没有区别的:但在firef
-
jquery 按键盘上的enter事件
接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过.使用的开发工具是微软VS2010+Jquery框架 实现步骤如下 1.首先引用Jquery类库 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2.Javascript代码 复制代
-
按Enter键触发事件的jquery方法实现代码
复制代码 代码如下: $(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { //to do something; } }; });
-
jquery实现tab键进行选择后enter键触发click行为
这种使用场景为当首页有几个链接需要选择的时候,使用键盘就可以进行触发行为 复制下来放本地用吧 网页上直接测试有问题 效果图: 下面是demo代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>9</title> <script type="text/javascript" sr
-
基于Jquery的实现回车键Enter切换焦点
接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过.使用的开发工具是微软VS2010+Jquery框架. 实现步骤如下 1. 首先引用Jquery类库 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2. Javascript代码
-
jquery实现按Enter键触发事件示例
复制代码 代码如下: $(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { //to do something; } }; });
-
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
实例如下所示: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title> <script src="JS/jquery-1.9.1.js" type="text/javascript"></
-
基于jquery的button默认enter事件(回车事件)。
在这里特此声明,代码是通过jquery完成.实列代码我亲自写的,完全可以实现,只要复制过去就可以用,但是必须导入jquery包.着个方法支持ie与火狐,绝对好使.我在做的时候在网上找了一些代码,基本全不支持火狐.好了,废话也说了不少了.开始代码演示.欢迎大家挑错,与技术指点,谢谢. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
-
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex设置为负数的时候,在使用Tab键的时候就不会获得焦点). 键盘事件可以传
随机推荐
- JavaScript中的getTimezoneOffset()方法使用详解
- Java Socket聊天室编程(二)之利用socket实现单聊聊天室
- javascript 补零 函数集合
- PHP递归遍历指定文件夹内的文件实现方法
- php通过获取头信息判断图片类型的方法
- php Session无效分析资料整理
- PHP Curl多线程原理实例详解
- PHP实现用户认证及管理完全源码
- 使用js操作cookie的一点小收获分享
- 何时将数据装载到Application 或 Session 对象中去?
- 转一个日期输入控件,支持FF
- CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
- VBS教程:函数-Second 函数
- 简单讲解Python编程中namedtuple类的用法
- 利用jQuary实现文字浮动提示效果示例代码
- 解决表单中第一个非隐藏的元素获得焦点的一个方案
- Linux基础知识99问(二)
- Android学习系列一用按钮实现显示时间
- python实现外卖信息管理系统
- python实现Excel文件转换为TXT文件