Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 Enter键跳转及控件获得焦点的js代码

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

发布时间:2015-11-01   编辑:www.jquerycn.cn
本文分享下,用js实现Enter键跳转的同时获得控件焦点的代码,有兴趣的朋友,可以好好研究下。

用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');
}
}

您可能感兴趣的文章:
Enter键跳转及控件获得焦点的js代码
js 控制页面跳转的五种方法
js实现用户登录自动跳转的代码
Jquery实现获取焦点、失去焦点的代码
jquery回车键enter切换焦点如何实现
js实现屏蔽"Backspace"(退格)键后退功能的代码
jQuery回车键切换文本框焦点
jquery 回车键Enter切换焦点的实现代码
焦点自动跳转的js实现代码
文本框获得焦点与失去焦点实现代码

[关闭]