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实现视频播放页面的关灯开灯效果
May 27 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
Angular.js实现注册系统的实例详解
Dec 18 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
Mar 01 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
javascript实现多边形碰撞检测
Oct 24 Javascript
Vue Element plus使用方法梳理
Dec 24 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 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
PHP中__FILE__、dirname与basename用法实例分析
2014/12/01 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
Vue计算属性的学习笔记
2017/03/22 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
谈谈node.js中的模块系统
2020/09/01 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
python操作gmail实例
2015/01/14 Python
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
Python测试线程应用程序过程解析
2019/12/31 Python
如何理解Python中包的引入
2020/05/29 Python
什么是GWT的Module
2013/01/20 面试题
幼儿评语大全
2014/04/30 职场文书
python如何获取网络数据
2021/04/11 Python
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python