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学习5 jQuery事件模型
Feb 07 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
分析JS单线程异步io回调的特性
Dec 01 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
Dec 07 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
jQuery Migrate 插件用法实例详解
May 22 jQuery
javascript触发模拟鼠标点击事件
Jun 26 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 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
我的论坛源代码(六)
2006/10/09 PHP
PHP框架Swoole定时器Timer特性分析
2014/08/19 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
python基础教程之常用运算符
2014/08/29 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
Python中%r和%s的详解及区别
2017/03/16 Python
Python生成器generator用法示例
2018/08/10 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
python同时替换多个字符串方法示例
2019/09/17 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
python numpy库np.percentile用法说明
2020/06/08 Python
Python reques接口测试框架实现代码
2020/07/28 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
在HTML5 Canvas中放入图片和保存为图片的方法
2014/05/03 HTML / CSS
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
客户代表实习人员自我鉴定
2013/09/27 职场文书
捐款倡议书
2014/04/14 职场文书
五年级下册复习计划
2015/01/19 职场文书
中国世界遗产导游词
2015/02/13 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
MySql数据库 查询时间序列间隔
2022/05/11 MySQL