jquery 键盘enter事件的小例子
来源:互联网 发布:ubuntu使用搜狗输入法 编辑:程序博客网 时间:2024/04/30 15:51
分享一个jquery 按键盘上的enter事件的小例了。
系统默认情况下,使用tab按键切换页面元素的焦点,有没有想过回车键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代码
<script type="text/javascript"> $(function () { $('input:text:first').focus(); var $inp = $('input:text'); $inp.bind('keydown', function (e) { var key = e.which; if (key == 13) { e.preventDefault(); var nxtIdx = $inp.index(this) + 1; $(":input:text:eq(" + nxtIdx + ")").focus(); } www.jbxue.com }); }); </script>
分析:
$('input:text:first').focus();
页面初始化时,焦点定位第一个文本框内
var $inp = $('input:text');
取的type=文本框的元素集合
$inp.bind('keydown', function (e) {}
给文本框集合绑定‘keydown'事件
var key = e.which;
取的当前按下的键值 比如Enter的键值=13
e.preventDefault();
可以阻止它的默认行为的发生而发生其他的事情,在这里我们组织PostBack发生,而是切换焦点。另外一个相近的方法是stopPropagation,它起到阻止js事件冒泡的作用。
0 0
- jquery 键盘enter事件的小例子
- jquery键盘enter事件
- Android处理键盘事件的小例子
- JS键盘Enter事件
- jQuery的键盘事件
- jquery 按键盘上的enter事件
- jquery 按键盘上的enter事件
- jquery 按键盘上的enter事件
- jQuery 回车事件 enter
- 基于jquery的button默认enter事件(回车事件)
- JQuery的键盘控制事件
- jquery 绑定回车事件Enter
- jQuery实现enter回车事件
- 按Enter键触发事件的jquery方法
- 按Enter键触发事件的jquery方法 .
- jQuery事件补充enter和over的区别
- 按Enter键触发事件的jquery方法实现代码
- 键盘ctrl+enter键触发事件
- Oracle EBS R12 - Steps and Issues/Resolutions during R12.1.1 to R12.1.3 Upgration
- android中如何在SD卡上进行文件读写操作
- http文件下载
- SQLPlus命令详细说明
- 【POJ】【P3237】【Tree】【题解】【树链剖分+线段树】
- jquery 键盘enter事件的小例子
- 如何养成读书的好习惯
- u-boot-2009.08在飞凌OK2440/FL2440上的移植(四)——让u-boot支持nand flash识别与操作
- 36 双端堆
- 【OpenCV入门教程之十二】OpenCV边缘检测:Canny算子,Sobel算子,Laplace算子,Scharr滤波器合辑
- 软考——公钥和私钥
- 基于hadoop2.2的map端表关联(map side join)mapreduce实现
- SQLLDR详解与例子
- 9.2