所以我有一个存在于滑块中的表单向导。整个想法是根据他们的决定来引导人们。问题是ipad。在iPad上它允许你点击[previous | next]来浏览表单上的字段,这打破了门控策略。
在桌面浏览器上,我通过在门控字段上的按键返回false来抑制TAB
键。但是在iPad上我看不到任何解决方案。
我尝试了tabindex并将门控输入设置为-1。这里的问题是,在他们穿过大门之后,[previous | next]按钮会被反应并且把所有东西搞得一团糟。
有没有办法可以一起删除这些按钮?或者将它们捕获为js事件?
(注意这是一个移动网页,而不是应用程序)
答案 0 :(得分:3)
我解决此问题的方法是disable
并在用户无法选中的任何表单元素上设置visibility: hidden
。这是一个痛苦的屁股,但它在iOS 5上运行良好。
答案 1 :(得分:1)
您可以使用touch-input-nav.js自动禁用与当前具有焦点的控件不同的表单中包含的输入字段。这本质上是一种完成Ben解决方案的自动化方式。通过this answer找到。
答案 2 :(得分:0)
您可以捕捉各种元素的onfocus和onblur事件,并根据您的需要决定是否允许。结果将按下“下一步”并保持原位。