如何在HTML5应用中利用移动软键盘上的“Go”或“提交”按钮?

7
移动设备带有软键盘的用户在填写网页表单时,常常会更改键盘以便只需一次点击即可提交表单,而避免点按表单上的“提交”按钮。
如何从PhoneGap/Cordova/其他HTML5应用程序中访问此功能?
我经历了一段时间的困惑,现在在这里分享答案。
1个回答

6

这篇由Matt Nunes撰写的博客向我展示了在表单中type="submit"input应该是第一个按钮。

一旦你知道了这个,你可能会感到满意,但我想隐藏这个按钮——当你希望用户使用键盘时,为什么要有它呢?关于如何实现这一点的概述,请查看这个相关问题(jQuery Mobile上是否太过分要求一个不可见的按钮?)

实际上,当用户在软键盘上点击“go”按钮时,它会显示为浏览器上submit按钮的click。因此,

(1) 覆盖默认事件

(2) 获利。

希望这能帮助到某些人。


1
在我的情况下,如果输入框被隐藏了(如果没有被隐藏 - 它可以正常工作),我无法通过按“go”按钮来接收提交的点击事件。我使用CSS进行了解决: "width:1px; height: 1px; background: transparent; border: 0;"。也许这对其他人也有帮助。 - MikhailSP
1
哎呀!Google Chrome 找不到 blog.mattnunes.com您是不是要找 mattnunes.com? - Howard

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接