如何在 HTML5 应用程序中利用移动软件键盘上的“开始”或“提交”按钮？

Question

配备软件键盘的移动设备在填写 Web 表单时通常会更改键盘，以允许用户一键提交并避免点击表单的“提交”按钮。

如何从phonegap/cordova/其他 HTML5 应用程序访问此功能？

我为此苦苦挣扎了一段时间，所以在这里分享答案。

Answer 1

Matt Nunes 的这篇博客文章向我展示了

type="submit"

input

应该是表单中的第一个按钮。

一旦您知道这一点，您可能会感到满意，但我想隐藏该按钮 - 当您希望用户使用他们的键盘时为什么要拥有它？有关如何执行此操作的概述，请查看此相关问题 - 在 jQuery Mobile 上设置不可见按钮的要求是否过高？

实际上，当用户点击软键盘上的“开始”按钮时，它会在浏览器中显示为

click

按钮上的

submit

。因此，

(1) 覆盖默认事件

(2) 利润。

希望这对某人有帮助。

Answer 2

为此使用 Enterkeyhint 属性： https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint