输入表单字段上的页面刷新触摸事件 - Android，Samsung

Posted 2023-05-09

【中文标题】输入表单字段上的页面刷新触摸事件 - Android，Samsung

【英文标题】：Page refreshes on input form field Touch Events - Android, Samsung

【发布时间】：2016-10-14 05:41:52

【问题描述】：

大家好，我正在尝试解决一个似乎只在某些版本为 5 或更早版本的 android 设备上发生的问题。

发生的情况是，当我触摸输入字段（例如电子邮件地址或密码）进行登录时，页面会刷新，因此无法输入任何信息。

这不仅限于这些字段，还包括应用程序中的任何表单字段。我们有一个请假反馈页面，该表单域也会刷新页面。

我以为我遇到了与Disabling android's chrome pull-down-to-refresh feature 相同的问题 但这些解决方案似乎都不适合我，我只是无法弄清楚到底发生了什么。

我的 Android 设备上的信息：

三星 Galaxy Tab A 版本 5.0.2 在 Firefox 和设备上的 Chrome 上发生。

我对在 Android 上调试有点陌生，找不到我的设备正在使用的触控版本。

我们将 Jquery mobile 用于前端，一些引导程序 javascript/css 用于表单。

【问题讨论】：

我在 Chrome 中的 Windows 触摸屏设备上发现了类似的情况，在更改选择框时会同时随机单击菜单项。你找到解决办法了吗？

@iamjonesy 我刚刚回答了我们身边发生的事情。我不认为这会对你有帮助，祝你好运。奇怪的错误！

【参考方案1】：

所以我发现，每当屏幕调整大小时，我们都会针对新的屏幕大小执行刷新事件。

Android 上发生的事情是我们有一个 css 属性 `

方向：横向

在横向模式下。那么发生的事情是，您将单击 Android 上的表单字段，键盘会触发并调整屏幕大小。这触发了刷新，将键盘移开并将屏幕调整回常规屏幕，而没有键盘事件。

我们是如何解决这个问题的：

最小纵横比：13/9

这在 ios 上并没有发生，因为据我所知，iOS 只是在键盘打开时触发滚动条事件而不是屏幕调整大小事件。