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 相关文章推荐
IE与FireFox的兼容性问题分析
Apr 22 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
jQuery实现日历效果
Sep 11 jQuery
获取数组中最大最小值方法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漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
用js重建星际争霸
2006/12/22 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
2015/10/25 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
理解javascript对象继承
2016/04/17 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
Python创建xml的方法
2015/03/10 Python
python中set常用操作汇总
2016/06/30 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
Python中的延迟绑定原理详解
2019/10/11 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
西班牙香水和化妆品网上商店:Douglas
2017/10/29 全球购物
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
小学防溺水制度
2014/01/29 职场文书
公司合作协议范文
2014/10/01 职场文书
小学科学教学计划
2015/01/21 职场文书
幼儿园中班个人总结
2015/02/28 职场文书
政府会议通知范文
2015/04/15 职场文书
保护环境的宣传语
2015/07/13 职场文书