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高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
JS小游戏之极速快跑源码详解
Sep 25 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JavaScript中利用Array和Object实现Map的方法
Jul 27 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 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实现详细解析
2013/08/24 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
Vue数据双向绑定原理及简单实现方法
2018/05/18 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
python将ip地址转换成整数的方法
2015/03/17 Python
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python中属性和描述符的正确使用
2016/08/23 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Python 存取npy格式数据实例
2020/07/01 Python
python中如何打包用户自定义模块
2020/09/23 Python
python中的unittest框架实例详解
2021/02/05 Python
植物选择:Botanic Choice
2017/02/15 全球购物
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
拉丁舞学习者的自我评价
2013/10/27 职场文书
班主任班级寄语大全
2014/04/04 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
答谢会策划方案
2014/05/12 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
大学生就业推荐表自我评价
2015/03/02 职场文书
2015年教师节广播稿
2015/08/19 职场文书
个人售房合同协议书
2016/03/21 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python