Question

我正在开发一个有输入框的移动网页：

<input id="searcher" data-role="none" type="search" placeholder="Search Friends"
                   style="position:absolute; background-color:white; display:block; -webkit-border-radius: 5px; 
                   -moz-border-radius: 5px; border-radius: 5px; margin: 0px;">

问题是用户点击输入框后输入框无法获得焦点（光标和键盘没有出现，在Android Chrome和IOS safari上都是相同的）。只有当您按下输入框一段时间（例如1秒）时，输入框才会获得焦点。

我不确定这是输入框的默认行为。我怎么能解决这个问题？提前谢谢！

Answer 1

首先仔细检查您正在使用的内容并加载到顶部你的文件。如果您使用的是jQuery Mobile或另一个移动框架，他们可以翻译你的代码根据他们的解决方案不同。
其次;删除内联（CSS）代码，只需创建一个类，特别是因为你宣布moz and webkit - 也保证您的文档是HTML5 doctype，标记是干净的，缺少编号关闭标签等</div> EG 。 http://validator.w3.org/
第三;在多台设备上进行测试，以确保您的准确性 Q + A，因为您可能在特定设备上启用了某些设置你的测试;使实际结果变得更难。我会建议在一些移动设备上进行测试，或确保唯一的设备您的测试没有其他移动浏览设置启用。

HTML5 <input />没有正确响应触摸事件

1 个答案: