iPad表单禁用按钮

所以我有一个存在于滑块中的表单向导。 整个想法是根据他们的决定来引导人们。 问题是ipad。 在iPad上它允许你点击[previous | next]来浏览表单上的字段,这打破了门控策略。

在桌面浏览器上,我通过在门控字段上的按键上返回false来抑制TAB键。 但在iPad上我看不到任何解决方案。

我尝试过tabindex并将门控输入设置为-1。 这里的问题是,在他们穿过大门之后,[previous | next]按钮会反应并将所有内容搞砸。

有没有办法可以一起删除这些按钮? 或者将它们捕获为js事件?

(注意这是一个移动网页,而不是一个应用程序)

我解决这个问题的方法是disable和设置visibility: hidden在用户无法选择的任何表单元素上。 这是一个痛苦的屁股,但它在iOS 5上运行良好。

您可以使用touch-input-nav.js自动禁用未包含在与当前具有焦点的控件相同的表单中的输入字段。 这本质上是一种做Ben的解决方案的自动化方式。 通过这个答案找到。

您可以捕获各种元素的onfocus和onblur事件,并根据您的需要决定是否允许。 结果将按下“下一步”并保持原位。