jquery - 禁用 Mobile Safari 中的“上一个”和“下一个”按钮

Question

当焦点位于输入字段时，是否可以禁用 Mobile Safari 中的“下一个”和“上一个”按钮？我一直在尝试将所有字段设置为 readonly="readonly" 并分别删除/重新应用焦点/模糊属性的方法。它适用于某些领域，但不适用于所有领域。在某些情况下，感觉相当hacky/buggy。我可以普遍禁用上一个和下一个控件吗？这是针对 iPad 网络应用程序的，因此可访问性不是问题。

Answer 1

到目前为止，对我来说最好的解决方案(基于 Jezen Thomas 解决方案)是将 focus readonly 设置为 inputs 和 textareas 以及 disabled 到 selects，并在 blur 上删除它们:

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

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

唯一的一个缺陷是，在从 input/textarea 更改为选择之前，您需要先放下焦点(例如单击背景)。但您可以轻松地在 input 和 textarea 之间更改焦点。