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 相关文章推荐
认识延迟时间为0的setTimeout
May 16 Javascript
javaScript 利用闭包模拟对象的私有属性
Dec 29 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
jquery编写日期选择器
Mar 16 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
Vue Element校验validate的实例
Sep 21 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之第三天
2006/10/09 PHP
如何分别全角和半角以避免乱码
2006/10/09 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
linux php mysql数据库备份实现代码
2009/03/10 PHP
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
2019/06/27 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
Node.js API详解之 timer模块用法实例分析
2020/05/07 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
Python中文分词工具之结巴分词用法实例总结【经典案例】
2017/04/15 Python
python能做哪方面的工作
2020/06/15 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
广告学毕业生求职信
2014/01/30 职场文书
目标管理责任书
2014/04/15 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
三八节活动简报
2015/07/20 职场文书
matplotlib如何设置坐标轴刻度的个数及标签的方法总结
2021/06/11 Python