当前位置:  编程技术>jquery

Enter键跳转及控件获得焦点的js代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  用js代码实现Enter键跳转,且获取控件焦点的一段代码。 代码:   代码示例: //回车跳转 jQuery(document).ready(function () { //$(':input:text:first').focus(); jQuery(':input:enabled').addClass('enterIndex'); // get only input tags with class data-entry textboxes ...

用js代码实现Enter键跳转,且获取控件焦点的一段代码。

代码:
 

代码示例:

//回车跳转
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');
}
}


    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 按Enter键触发事件的jquery方法实现代码
  • C# 键盘Enter键取代Tab键实现代码
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • 绑定回车enter事件代码
  • jquery 回车键Enter切换焦点的实现代码
  • jQuery 隔行变色代码(支持键盘上下键及按Enter选定值)
  • java命名空间java.awt类event的类成员方法: enter定义及介绍
  • cmd-enter
  • java命名空间java.awt.dnd类dragsourcecontext的类成员方法: enter定义及介绍
  • 在shell中,用read,能够读到[TAB]和[ENTER]键吗?
  • java命名空间java.awt类event的类成员方法: mouse_enter定义及介绍
  • jQuery 回车事件enter使用示例
  • java命名空间java.awt.event类keyevent的类成员方法: vk_enter定义及介绍
  • 网页中怎么实现在edit内按enter键变成是tab的结果
  • 懂得gvim配置请进,Press ENTER or type command to continue
  • 我安装linux时 为什么直接按Enter后就 linux text 安装?
  • 为什么ActionListener 可以响应TextField 中的Enter键?
  • 如何捕捉TextField中的“Enter”键。
  • 如何使一个JButton 接受 Ctrl + [Enter]的事件?
  • jquery button默认enter事件(回车事件)
  • jQuery响应enter键的实现思路
  • jquery 实现文本框textarea中ctrl+enter提交表单的方法
  • 第一次装linux5.0,光盘启动后按enter就出现Uncompressing Linux... Ok, booting the kernel.谁知道阿
  • 启动startWebLogic.cmd后,出现DOS程序执行窗口。提示“Enter password to boot WebLogic server:”,但我却无法输入任何字符。
  • 关于java和XML编程问题,若干。enter....
  • C# KeyUp事件中MessageBox的回车(Enter)键回调问题解决方案
  • jquery 按键盘上的enter事件


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3