iPad表单禁用[上一页|下一个]按钮

时间:2012-05-13 19:44:35

标签: jquery ios ipad html5 mobile-safari

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

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

我尝试了tabindex并将门控输入设置为-1。这里的问题是,在他们穿过大门之后,[previous | next]按钮会被反应并且把所有东西搞得一团糟。

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

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

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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