JS实现Enter键跳转及控件获得焦点


Posted in Javascript onAugust 12, 2013
//回车跳转 
jQuery(document).ready(function () { 
//$(':input:text:first').focus(); 
jQuery(':input:enabled').addClass('enterIndex'); 
// get only input tags with class data-entry 
textboxes = jQuery('.enterIndex'); 
// now we check to see which browser is being used 
if (jQuery.browser.mozilla) { 
jQuery(textboxes).bind('keypress', CheckForEnter); 
} else { 
jQuery(textboxes).bind('keydown', CheckForEnter); 
} 
}); function SetControlEnterEvent() { 
//$(':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 used 
if ($.browser.mozilla) { 
$(textboxes).bind('keypress', CheckForEnter); 
} else { 
$(textboxes).bind('keydown', CheckForEnter); 
} 
} 
function CheckForEnter(event) { 
if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') != 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') { 
var i = $('.enterIndex').index($(this)); 
var n = $('.enterIndex').length; 
if (i < n - 1) { 
if ($(this).attr('type') != 'radio') { 
NextDOM($('.enterIndex'), i); 
} 
else { 
var last_radio = $('.enterIndex').index($('.enterIndex[type=radio][name=' + $(this).attr('name') + ']:last')); 
NextDOM($('.enterIndex'), last_radio); 
} 
} 
return false; 
} 
} 
function NextDOM(myjQueryObjects, counter) { 
if (myjQueryObjects.eq(counter + 1)[0].disabled) { 
NextDOM(myjQueryObjects, counter + 1); 
} 
else { 
myjQueryObjects.eq(counter + 1).trigger('focus'); 
} 
}
Javascript 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
Apr 26 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
Aug 15 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
javascript实现简易计算器的代码
May 31 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
获取数组中最大最小值方法js代码(自写)
Aug 12 #Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 #Javascript
判断ie的两种简单方法
Aug 12 #Javascript
js中数组Array的一些常用方法总结
Aug 12 #Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 #Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
Aug 12 #Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 #Javascript
You might like
使用PHP 5.0创建图形的巧妙方法
2010/10/12 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
javascript实现浏览器窗口传递参数的方法
2014/09/03 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
Vue实现点击后文字变色切换方法
2018/02/11 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
elasticsearch python 查询的两种方法
2019/08/04 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
优秀求职自荐信怎样写
2013/12/18 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
党员个人承诺书
2015/04/27 职场文书
同事去世追悼词
2015/06/23 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
Python pandas求方差和标准差的方法实例
2021/08/04 Python
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL
Python基础 括号()[]{}的详解
2021/11/07 Python
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python