JS实现Enter键跳转及控件获得焦点
JS 实现 获得 控件 跳转 焦点 Enter
2023-06-13 09:15:04 时间
//回车跳转
jQuery(document).ready(function(){
//$(":input:text:first").focus();
jQuery(":input:enabled").addClass("enterIndex");
//getonlyinputtagswithclassdata-entry
textboxes=jQuery(".enterIndex");
//nowwechecktoseewhichbrowserisbeingused
if(jQuery.browser.mozilla){
jQuery(textboxes).bind("keypress",CheckForEnter);
}else{
jQuery(textboxes).bind("keydown",CheckForEnter);
}
});
functionSetControlEnterEvent(){
//$(":input:text:first").focus();
$(":input:enabled").addClass("enterIndex");
//getonlyinputtagswithclassdata-entry
textboxes=$(".enterIndex");
//nowwechecktoseewhichbrowserisbeingused
if($.browser.mozilla){
$(textboxes).bind("keypress",CheckForEnter);
}else{
$(textboxes).bind("keydown",CheckForEnter);
}
}
functionCheckForEnter(event){
if(event.keyCode==13&&$(this).attr("type")!="button"&&$(this).attr("type")!="submit"&&$(this).attr("type")!="textarea"&&$(this).attr("type")!="reset"){
vari=$(".enterIndex").index($(this));
varn=$(".enterIndex").length;
if(i<n-1){
if($(this).attr("type")!="radio"){
NextDOM($(".enterIndex"),i);
}
else{
varlast_radio=$(".enterIndex").index($(".enterIndex[type=radio][name="+$(this).attr("name")+"]:last"));
NextDOM($(".enterIndex"),last_radio);
}
}
returnfalse;
}
}
functionNextDOM(myjQueryObjects,counter){
if(myjQueryObjects.eq(counter+1)[0].disabled){
NextDOM(myjQueryObjects,counter+1);
}
else{
myjQueryObjects.eq(counter+1).trigger("focus");
}
}
相关文章
- Clipboard.js实现复制[通俗易懂]
- 前端面试题---JS部分
- Js判断数组中是否存在某个元素「建议收藏」
- JS如何实现勾选全部复选框和不全选复选框
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- 页面跳转进度条JS实现详解编程语言
- JS实现可回退的画板
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- 关于无限分级(ASP+数据库+JS)的实现代码
- 感觉很流畅的js实现的键盘控制(带惯性)
- js实现双击单元格变成文本输入框效果代码
- 发一个自己用JS写的实用看图工具实现代码
- 统计出现最多的字符次数的js代码
- js分页全选或反选标识实现代码
- js利用className得到对象的实现代码
- 常见JS效果之图片减速度滚动实现代码
- js点击页面其它地方将某个显示的DIV隐藏
- 原生js实现半透明遮罩层效果具体代码
- js跨浏览器实现将字符串转化为xml对象的方法
- js实现网页自动刷新可制作节日倒计时效果
- js中的如何定位固定层的位置
- 使用ajaxfileupload.js实现ajax上传文件php版
- JS根据年月获得当月天数的实现代码
- JS实现的用来对比两个用指定分隔符分割的字符串是否相同