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 ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
JS this作用域以及GET传输值过长的问题解决方法
Aug 06 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
May 29 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
js添加事件的通用方法推荐
May 15 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
Node.js API详解之 os模块用法实例分析
May 06 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 Javascript
vue实现移动端div拖动效果
Mar 03 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
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
2016/02/25 Javascript
AngularJS实现自定义指令及指令配置项的方法
2017/11/20 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
Puppet的一些技巧
2018/09/17 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
Python缩进和冒号详解
2016/06/01 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
pip命令无法使用的解决方法
2018/06/12 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
Python 实现数组相减示例
2019/12/27 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
英语专业学子个人的自我评价
2013/10/02 职场文书
毕业生个人的求职信范文
2013/12/03 职场文书
工作睡觉检讨书
2014/02/25 职场文书
《天游峰的扫路人》教学反思
2014/04/25 职场文书
网络营销实训总结
2015/08/03 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
浅谈Python中的正则表达式
2021/06/28 Python