如何防止iOS ui键盘箭头触发“tab”操作?

我最终实施的解决方案大致如下:

HTML格式

<!-- modal content -->
<div class="search-modal">
  <input type="search" id="search-input" />
  <input type="text" onfocus="refocus('search-input')" style="opacity:0;" />
</div>

<!-- main page content -->
<div class="page-body">
  <input type="text" name="fname" />
  <input type="text" name="lname" />
  <input type="email" name="email" />
  <input type="tel" name="phone" />
  <!-- ... -->
</div>

JS公司

function refocus(id){
  document.getElementById(id).focus();
}

每当使用“下一个”箭头时,不可见的输入将获得焦点。它会立即将焦点放回原始输入;从而防止非模态输入获得焦点。

不幸的是,我没有iOS要测试。但我认为您可以尝试以下操作:

1. 禁用除第一个输入以外的所有输入。
2. 在用户输入一些信息并对其进行验证后,启用下一个输入

有点疯狂,但可能有效=)。

附言 .刚刚意识到。你的意思是,当一个模态出现时,用户能够切换到模态下的输入吗?

在这种情况下,您必须强制 focus() 在模态形式的第一个元素上,“tabbing”将在新形式中工作。