在移动设备上，如何让“输入”在 type=“number” 输入中提交表单

On mobile, how do I get "enter" to submit a form within a type="number" input?

本文关键字：输入 type number 表单 提交 移动      更新时间：2023-09-26

我正在使用AngularJS并像这样ng-submit：

<form ng-submit="submit(foo); foo='';">
  <input type="number" ng-model="foo">
</form>

在台式机上的Chrome中，我可以在输入中按回车键提交表单(在这种情况下调用submit(foo)(。

在Chrome for Android(KitKat(中，它不起作用。 但是，如果我将输入更改为type="text"那么当我按"Go"时它确实有效。

如何使表单的行为像input type="text"一样具有input type="number"？ 我正在使用type="number"因为我希望设备调出数字键盘。

这里有一个 plunkr 说明了这个问题：http://plnkr.co/edit/4WJfdoKgXu7o6ZsM8WFx?p=preview(如果你在移动设备上，http://goo.gl/IiQzGf(。

编辑：

使用 JavaScript 侦听 enter 不起作用：http://plnkr.co/edit/07QGA1s4UCyop8IB8Dmx?p=preview

编辑 2：

这不是AngularJS的问题。 这是一个 HTML 问题：http://embed.plnkr.co/ZVD0ZtmEutWZr7P7vq2b/preview

我在三星Galaxy S8上尝试了Android N上的最后一个plunker(简单的HTML(，并且提交适用于这两个字段。这可能是特定安卓版本的问题

相关文章：