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

时间:2016-06-13 17:37:51

标签: android jquery twitter-bootstrap jquery-mobile touch

嘿伙计们我正试图解决一个似乎只发生在某些版本5或更高版本的Android设备上的问题。

当我触摸输入字段说电子邮件地址或密码登录时,页面会刷新,这使得无法输入任何信息。

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

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

我的Android设备上的信息:

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

我对Android上的调试有点新,找不到我的设备正在使用的触摸版本。

我们正在使用Jquery mobile作为前端,并使用一些bootstrap javascript / css作为表单。

1 个答案:

答案 0 :(得分:0)

所以我发现,无论何时屏幕调整大小,我们都会为新的屏幕尺寸执行刷新事件。

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

  

方向:风景

在横向模式下。那么你要点击Android上的表单字段,键盘会触发并调整屏幕大小。这触发了一次刷新,它将键盘拉开,并将屏幕尺寸调整回常规屏幕而没有键盘事件。

我们如何解决这个问题:

  

min-aspect-ratio:13/9

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