在移动浏览器(尤其是Safari)中选择和输入的问题,可能是由于移动设备上的300毫秒点击延迟

时间:2015-09-09 12:17:53

标签: javascript angularjs mobile-safari

我注意到在向我的网络应用程序介绍表单并在iOS(iPhone)中进行测试以及在Chrome开发工具中使用手机模拟器进行测试时,我遇到了HTML输入问题 - 尤其是选择标记。

当我在移动设备上测试时,我点击选择菜单,然后显示菜单选项,然后立即隐藏!我必须持有表单项,然后释放以访问选项。当我单击选择菜单时使用与Chrome开发工具捆绑在一起的设备/手机型号模拟器时,也不会显示选项。

我的应用程序是使用HTML5和AngularJS编写的,因此我使用ng-clickng-touch来实现我的许多功能,这样可以消除此延迟,但是在尝试编写/聚焦文本输入时遇到问题或更改/设置选择菜单的值。

我试图通过更改视口元标记的值

来纠正这个问题
<meta name="viewport" content="width=device-width, user-scalable=no">

这似乎有助于设备上的Chrome,但不支持Safari。它也不会改变Chrome Dev工具中使用模拟器的行为。应用这样的改变会失去缩放的能力,但我很好 - 我的问题是,我能做什么,所以我们在Safari中没有延迟问题?我想也许我可以编写一个删除延迟的指令并将其应用于所有表单以捕获每个表单项上的click事件,但这似乎有点过分。有人有任何其他建议吗?

非常感谢提前。

请注意我的应用中我没有使用jQuery

0 个答案:

没有答案