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 相关文章推荐
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
Jul 18 Javascript
js读取本地excel文档数据的代码
Nov 11 Javascript
JS拖动技术 关于setCapture使用
Dec 09 Javascript
利用js实现遮罩以及弹出可移动登录窗口
Jul 08 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
微信小程序网络封装(简单高效)
Aug 06 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
Vue+Element自定义纵向表格表头教程
Oct 26 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&amp;&amp;mysql)六
2006/10/09 PHP
如何将数据从文本导入到mysql
2006/10/09 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JavaScript 基础函数_深入剖析变量和作用域
2016/05/18 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
微信小程序 radio单选框组件详解及实例代码
2017/01/10 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
2019/12/31 Javascript
Python操作json数据的一个简单例子
2014/04/17 Python
深入理解python函数递归和生成器
2016/06/06 Python
Python数据结构与算法之二叉树结构定义与遍历方法详解
2017/12/12 Python
详解Python中的四种队列
2018/05/21 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
买房子个人收入证明
2014/01/16 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
公共场所标语
2014/06/30 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
教师节寄语2015
2015/03/23 职场文书
2015年工程部工作总结
2015/04/30 职场文书
结婚幸福感言
2015/08/01 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis