在Mobile Safari中禁用"上一个"和"下一个"按钮

Question

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

Answer 1

到目前为止,对我来说(基于最佳的解决方案Jezen托马斯液)是对设置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和textareas 之间的焦点.

Answer 2

我还没有亲自测试过这个，但也许可以尝试disabled代替readonly。

只读- 无法修改只读字段。但是，用户可以使用 Tab 键选中它、突出显示它并从中复制文本。

禁用- 禁用的输入元素无法使用且不可单击。

也许这就是您需要的差异？