【问题标题】:Replace Go button on soft keyboard with Next in Phonegap用Phonegap中的Next替换软键盘上的Go按钮
【发布时间】:2014-06-21 15:14:07
【问题描述】:

Phonegap 输入类型文本在软键盘上显示 Go 按钮,我有多个文本框,所以想要键盘上的 Next 按钮,以便用户可以轻松移动,最后输入需要 Go,以便用户可以按下提交表单。

Android kitkatt 键盘顶栏也不显示 Next|Prev 按钮。

【问题讨论】:

标签: android cordova


【解决方案1】:

到目前为止,Android 无法为 input type="text" 提供“下一步”按钮而不是“开始”按钮。

Android 将始终为表单输入字段显示“开始”按钮,无论您在表单中的字段位置如何。 “Go”基本上反映了与普通浏览器和键盘上的“Enter”按钮相同的行为。

有两种可能的技巧可以更接近您的需要(仍然不会将“Go”更改为“Next”,但会帮助“Go”充当“Next”) -

Hack 1 - 劫持 Enter 键事件并将焦点移至下一个字段

就像我提到的“Go”键复制“Enter”键,您可以使用 JavaScript 捕获 enter 键事件并将焦点移至表单中的下一个字段,直到您的最后一个字段。到达最后一个字段后,您可以允许它作为输入。因此,基本上 Go 将继续将焦点转移到下一个字段,直到您的最后一个字段然后提交表单。

我已经在这里回答了类似要求的解决方案 - How to trigger a Tab when user presses Enter,您可以尝试在您的应用中实现相同的要求。

演示链接 - http://codepen.io/nitishdhar/pen/Gxbhm

Hack 2 - 强制表单验证并将焦点移至下一个无效字段

如果您想阻止用户提交表单,您可以使用 java-script 对表单进行必要的验证,如果某些字段未填写,则按下“Go”时,光标的焦点可以转移到下一个“未填写”字段。所以在某种程度上给人的印象是 - “按下 Go 并移动到下一个要填写的字段”

试试这个插件 - http://jqueryvalidation.org/ 它的行为方式与解释的方式相同,即将焦点移动到下一个必填或无效字段。

另外我认为一些 android 版本会在键盘上显示一些 tab 键来在字段之间移动,但不是 Next。

一切顺利。

【讨论】:

  • 这些东西是否可以在 IOS9 上工作,因为我遇到了同样的问题
  • 这有什么更新吗?我正在尝试为 Android/任何其他移动设备更改“转到下一个”按钮(使用 HTML/JS)。我知道这是可能的,我在 Stripe Checkout 上看到了;这是屏幕截图:pasteboard.co/1uyG9vOM.png
  • 好的,我发现了 Stripe 是如何“做到”的,你只需要使用 type="number"。它会给你下一个箭头,但可能不是你想要的。 :( 回到“目前不可能”。
  • @vinesh 是否在应用此代码后在 android 键盘上进行了测试。你在研究离子吗??
  • @rousseauo 您找到了关于在 phonegap(HTML/JS) 或任何混合框架中更改转到下一个键的任何解决方案?
猜你喜欢
  • 2013-07-07
  • 1970-01-01
  • 1970-01-01
  • 2014-07-12
  • 1970-01-01
  • 2011-02-03
  • 1970-01-01
  • 2015-11-17
  • 1970-01-01
相关资源
最近更新 更多