技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> jquery实现的回车(Enter)替换为Tab键

jquery实现的回车(Enter)替换为Tab键

浏览:3154次  出处信息
$(document).ready(function () {
  $(':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');
  }
}

建议继续学习:

  1. JQuery实现Excel表格呈现    (阅读:46522)
  2. 分享一个JQUERY颜色选择插件    (阅读:12650)
  3. jQuery插件---轻量级的弹出窗口wBox.    (阅读:9688)
  4. 10个强大的Ajax jQuery文件上传程序    (阅读:7757)
  5. jQuery的data()方法    (阅读:7585)
  6. jQuery性能优化指南    (阅读:7325)
  7. jQuery Color Animations颜色动画插件    (阅读:7088)
  8. 精于图片处理的10款jQuery插件    (阅读:6221)
  9. jQuery中getJSON跨域原理详解    (阅读:5621)
  10. 配合jquery实现异步加载页面元素    (阅读:5375)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1