Android中的Webkit浏览器跳至输入字段,而不是执行点击事件

时间:2019-03-27 15:59:48

标签: javascript android html webkit

整天尝试找出这里发生的事情后,我必须请群众和Android专家来帮助我!我在代码笔上添加了一个简单的示例:https://codepen.io/anon/pen/vPqLRy

当您使用Android 7或更高版本的Webkit浏览器访问此页面时,请在input[type="text"]字段中输入文本,然后向下滚动至“提交”按钮。确保输入字段不会失去焦点,并且您没有合上键盘,仅向下滚动即可。然后按提交按钮。浏览器将跳至输入字段,并且提交配方。

在台式机或iOS上,页面末尾灰色区域的输出为:

input_text.blur
submit-button.onclick
onsubmit

在Android-7或更高版本的Webkit情况下,输出为:

input_text.blur
*(view jumps to input field)*

input[type="number"]textarea字段中尝试相同的操作时,(可能)行为正确,并且在单击“提交”按钮后提交了配方器。即使您将焦点放在input[type="text"]字段上并且不输入任何文本,所以只要强制显示键盘,就可以提交公式。

另一个视觉上的“错误”是,当您在第一个input[type="text"]字段中输入文本时,向下滚动到foo输入字段并单击进入,视图会跳至第一个输入字段并直接跳到最后一个。

有人可以向我解释如何解决该“错误”吗?为什么存在这种现象?据我研究这个问题以来,它就存在于Android 7中。

哦,还有两个发现:

  • 列表项输入字段必须在视野之外,以引起这种跳跃行为
  • 在eBay(https://reg.ebay.de/reg/PartialReg)上,似乎可以解决此问题,但我不知道如何解决。太多的非文档化JavaScript。

0 个答案:

没有答案