signed

QiShunwang

“诚信为本、客户至上”

JS实现Enter键跳转及控件获得焦点

2021/6/3 17:06:01   来源:
复制代码 代码如下:

//回车跳转
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');
}
}
您可能感兴趣的文章:
  • js 上下左右键控制焦点(示例代码)
  • 使用js判断控件是否获得焦点
  • 通过JS来判断页面控件是否获取焦点
  • JS文本获得焦点清除文本文字的示例代码
  • js 判断控件获得焦点的示例代码
  • js/jquery获取文本框输入焦点的方法
  • js设置文本框中焦点位置在最后的示例代码(简单实用)
  • js实现文本框中焦点在最后位置
  • js实现获取焦点后光标在字符串后
  • js控制输入框获得和失去焦点时状态显示的方法
  • js仿土豆网带缩略图的焦点图片切换效果实现方法
  • JS+CSS实现淡入式焦点图片幻灯切换效果的方法
  • js焦点文字滚动效果代码分享