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 相关文章推荐
jQuery中的常用事件总结
Dec 27 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
全面了解js中的script标签
Jul 04 Javascript
简单的js计算器实现
Oct 26 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
vuex实现数据状态持久化
Nov 11 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
获取数组中最大最小值方法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
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
PHP 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
php max_execution_time执行时间问题
2011/07/17 PHP
PHP5中实现多态的两种方法实例分享
2014/04/21 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
layui分页效果实现代码
2017/05/19 Javascript
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
python处理csv中的空值方法
2018/06/22 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
Python小白垃圾回收机制入门
2020/06/09 Python
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
给男朋友的道歉信
2014/01/12 职场文书
优秀党支部事迹材料
2014/01/14 职场文书
留学推荐信怎么写
2014/01/25 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
企业培训简报范文
2015/07/20 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers
源码安装apache脚本部署过程详解
2022/09/23 Servers