Javascript 如何在android软键盘上使用下一步按钮代替phonegap中的Go按钮
我正在开发Phonegap应用程序,在申请表中有许多输入。我正在安卓的键盘上安装Go按钮。我想用next按钮替换Go按钮。当点击Go按钮(如图所示)提交表单时。 在android native中,我们可以在XML中指定next按钮,但对于Phonegap,如何指定next按钮来代替go按钮。? 一些三星设备默认在顶部有Next Prev按钮。Javascript 如何在android软键盘上使用下一步按钮代替phonegap中的Go按钮,javascript,android,jquery,cordova,Javascript,Android,Jquery,Cordova,我正在开发Phonegap应用程序,在申请表中有许多输入。我正在安卓的键盘上安装Go按钮。我想用next按钮替换Go按钮。当点击Go按钮(如图所示)提交表单时。 在android native中,我们可以在XML中指定next按钮,但对于Phonegap,如何指定next按钮来代替go按钮。? 一些三星设备默认在顶部有Next Prev按钮。 默认情况下,有Go按钮。我需要下一个,但在电话间隙。有没有为android指定的插件。EditText android:imeOptions=“acti
默认情况下,有Go按钮。我需要下一个,但在电话间隙。有没有为android指定的插件。EditText android:imeOptions=“actionNext”有人说,如果输入字段没有表单标记或在表单标记之外,则表示您将以tab按钮的形式获得下一个按钮 据我所知,没有合适的解决方案,让下一步按钮,而不是去。只有变通办法才能做到这一点。最常见的一种方法是在javascript中将“Go”按钮捕获为enter键(keycode“13”),然后执行您的操作
$('selector').on("keydown",function(event){
if (event.keyCode == 9) {
//you got tab i.e "NEXT" Btn
}
if (event.keyCode == 13) {
//you got enter i.e "GO" Btn
}
});
用于制表符
还有一些来源已经讨论了这些Vs按钮您是否尝试在输入字段中使用
tabindex
参数
如果检测到tabindex
,键盘的默认操作应该是显示next
例如:
<input name="first" tabindex="1" /> //should show next
<input name="second" tabindex="2" /> //should show next
<input name="third" tabindex="3" /> //should show go
//下一步应该显示
//接下来应该显示
//我们该走了吗
到目前为止,Android不可能使用“下一步”按钮而不是“开始”
Android将始终为表单输入字段显示“Go”按钮。“Go”基本上反映了与普通浏览器和键盘上的“Enter”按钮相同的行为。您可以通过以下代码实现:
if (event.keyCode == 13) {
//Handling "Go" Button to move to next input field
}
或
如果您的输入字段更多,那么数据依赖性将是最好的解决方案。
如果您想阻止用户提交表单,可以使用javascript在表单上进行必要的验证,您可以使用required在输入字段中指定数据相关性,这有助于将光标移动到数据相关性中指定的特定字段
<input type="text" id="first" data-dependency="second" />
<input type="text" id="second" data-dependency="third" />
<input type="text" id="third" />
它将焦点移动到表单中的下一个字段,直到最后一个字段。一旦最后一个字段到达,您就可以允许它充当enter。因此,基本上Go会将焦点转移到下一个字段,直到最后一个字段,然后提交表单 您可以简单地使用以下逻辑,让用户关注下一个输入字段。这是一个更好的方法,我在我的一个PhoneGap应用程序中使用了它,因为目前没有第三方插件提供这种功能
x$('#input1').on('keyup', function(e) {
var mEvent = e || window.event;
var mPressed = mEvent.keyCode || mEvent.which;
if (mPressed == 13) {
// On enter, go to next input field
document.getElementById('input2').focus();
}
return true;
});
我正在申请phonegap应用程序。是的,我已经根据关键代码处理了事件。但我真的负担不起在表单标签之外使用输入字段。@DeepMehta你试过了吗?“下一步”按钮是否显示。。。在javascript中手动实现表单提交可能会带来巨大的回报,但这是您需要的。到目前为止,这是唯一的方法。我做了所有手动编码的所有可能性。主要问题是在按下GO按钮时提交表单。然后就是知道该关注哪个领域。占用了很多时间。但仍然不符合标准。有什么更新吗?我正在尝试为Android/任何其他移动设备更改“转到下一步”按钮(使用HTML/JS)。我知道这是可能的,我看到它的条纹结帐;这里是截图:检查这个:@SiddharthVyas我已经看过这个问题了,它没有回答我需要的。但是谢谢你的帮助。!有什么最新消息吗?我正在尝试为Android/任何其他移动设备更改“转到下一步”按钮(使用HTML/JS)。我知道这是可能的,我看到它的条纹结帐;这里是截图:Stripe使用混合还是本地?@DeepMehta在这种情况下,它是一个网页。但是我发现了他们是如何做到的,你只需要使用type=“number”它就会给你下一个箭头,但可能不是你想要的(回到“目前不可能”。Surly会尝试你所说的。我有
tabindex
正确的设置,没有“下一步”,只需“走”,这就是Galaxy j7(2017年初推出)。“应该是”是这个答案的重要部分;-)