JS实现Enter键跳转及控件获得焦点
JS实现Enter键跳转及控件获得焦点
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下://回车跳转jQuery(document).ready(function(){//$(':input:text:firs...

复制代码 代码如下:

//回车跳转

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教程学习
热门Javascript教程学习
编程开发子分类