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 相关文章推荐
Javascript 二维数组
Nov 26 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
js实现动态添加上传文件页面
Oct 22 Javascript
js实现时间日期校验
May 26 Javascript
Rust中的Struct使用示例详解
Aug 14 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语法(1)
2006/10/09 PHP
PHP设计模式 注册表模式(多个类的注册)
2012/02/05 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
javascript字典探测用户名工具
2006/10/05 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
python中数据库like模糊查询方式
2020/03/02 Python
HTML5新增的标签和属性归纳总结
2018/05/02 HTML / CSS
机关单位人员学雷锋心得体会
2014/03/10 职场文书
房务中心文员岗位职责
2014/04/16 职场文书
迎七一演讲稿
2014/09/12 职场文书
工会文体活动总结
2015/05/07 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python