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中 常用的选择器介绍
Apr 16 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
angularjs 源码解析之scope
Aug 22 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
详解搭建es6+devServer简单开发环境
Sep 25 Javascript
微信小程序实现签到功能
Oct 31 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
vue select 获取value和lable操作
Aug 28 Javascript
Vue深入理解插槽slot的使用
Aug 05 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
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
php堆排序(heapsort)练习
2013/11/13 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
js类的静态属性和实例属性的理解
2009/10/01 Javascript
如何用ajax来创建一个XMLHttpRequest对象
2012/12/10 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
Python实现分段线性插值
2018/12/17 Python
numpy.array 操作使用简单总结
2019/11/08 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
工程造价管理专业大专生求职信
2013/10/06 职场文书
函授毕业生的自我鉴定
2013/11/26 职场文书
计算机求职信
2013/12/01 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
房地产广告策划方案
2014/05/15 职场文书
求职信内容怎么写
2014/05/26 职场文书
产品委托授权书范本
2014/09/16 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
三孔导游词
2015/02/05 职场文书
青涩记忆观后感
2015/06/18 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
Java 使用类型为Object的变量指向任意类型的对象
2022/04/13 Java/Android