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 相关文章推荐
js中设置元素class的三种方法小结
Aug 28 Javascript
验证码按回车不变解决方法
Mar 29 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
node+vue实现文件上传功能
May 28 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
linux下 C语言对 php 扩展
2008/12/14 PHP
PHP计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
php学习之运算符相关概念
2011/06/09 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
Laravel日志用法详解
2016/10/09 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
在树莓派2或树莓派B+上安装Python和OpenCV的教程
2015/03/30 Python
关于Python中异常(Exception)的汇总
2017/01/18 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
乌克兰电子和家用电器商店:Foxtrot
2019/07/23 全球购物
Java基础知识面试题
2014/03/25 面试题
电子商务专员岗位职责
2013/12/11 职场文书
我的求职择业计划书
2014/04/04 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
写给领导的感谢信
2015/01/22 职场文书
护士年终个人总结
2015/02/13 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
单独二胎证明
2015/06/24 职场文书
房产销售员2015年终工作总结
2015/10/22 职场文书
小学科学课教学反思
2016/02/23 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书