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新闻滚动插件 jquery.roller.js
Jun 27 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
使用jQuery制作基础的Web图片轮播效果
Apr 22 Javascript
Bootstrap安装环境配置教程分享
May 27 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
封装一下vue中的axios示例代码详解
Feb 16 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 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
ThinkPHP模板中数组循环实例
2014/10/30 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
php加密解密字符串示例
2016/10/13 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
利用Python-iGraph如何绘制贴吧/微博的好友关系图详解
2017/11/02 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
Python hashlib模块用法实例分析
2018/06/12 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
详细分析Python collections工具库
2020/07/16 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
采购文员岗位职责
2013/11/20 职场文书
法学院方阵解说词
2014/01/29 职场文书
通信工程专业求职信
2014/06/04 职场文书
小学安全汇报材料
2014/08/14 职场文书
2015年教师节贺卡寄语
2015/03/24 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
详解Python为什么不用设计模式
2021/06/24 Python
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby