IOS禁用键​​盘选项卡箭头

Question

我需要使用JavaScript或甚至是基于Web的应用程序元标记(如果有的话)禁用IOS上的键盘选项卡箭头.

我尝试了一些选项但在选择菜单时遇到了问题.

我也无法将所有tabindex恢复为-1,因为这会损坏桌面和其他设备上的标签功能.

任何帮助,将不胜感激.

这是我为跳转到readonly的字段所做的一个例子.

$(document).ready(function() {

  $('input, textarea, select').on('focus', function() {
    $('input, textarea').not(this).attr('readonly', 'readonly');
    $('select').not(this).attr("disabled", "disabled");
  });

  $('input, textarea, select').on('blur', function() {
    $('input, textarea').removeAttr("readonly");
    $('select').removeAttr("disabled");
  });

});

Answer 1

我实际上找到了一种方法来完成这项工作.

我正在做的是检测仅IOS设备,然后禁用选项卡输入字段.

我想我可以更进一步检测IOS和野生动物园.

$(document).ready(function() {
  // Detect IOS
  if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {

    // Only active input fields in use
    $('input, textarea').on('focus', function() {
      $('input, textarea').not(this).attr("readonly", "readonly");
    });
    $('input, textarea').on('blur', function() {
      $('input, textarea').removeAttr("readonly");
    });

    // Disable tabing to select box's
    $('select').attr('tabindex', '-1');
  }
});