<main>
<h2>Using the <code>enterkeyhint</code> Attribute</h2>
<p>View this demo on a mobile device. Note the text in the "enter" key on your mobile device's virtual keyboard.</p>
<input type="text" enterkeyhint="Next">
</main>
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;
});
<input name="first" tabindex="1" /> //should show next
<input name="second" tabindex="2" /> //should show next
<input name="third" tabindex="3" /> //should show go
7条答案
按热度按时间au9on6nz1#
有一个“下一步”按钮,而不是“去”是不可能的与Android截至目前。
Android将始终显示“Go”按钮的表单输入字段。“Go”基本上反映了相同的行为作为一个“Enter”按钮在正常的浏览器和键盘。你可以通过以下代码实现:
或
如果您的输入字段较多,那么数据依赖性将是最好的解决方案。如果您想阻止用户提交表单,您可以使用javascript在表单上放置必需的验证,在这里您可以在输入字段中指定数据依赖性,这有助于将光标移动到您在数据依赖性中指定的特定字段。
它会将焦点移到表单中的下一个字段,直到最后一个字段。一旦到达最后一个字段,你就可以允许它作为回车。所以基本上Go会将焦点移到下一个字段,直到最后一个字段,然后提交表单。
e1xvtsh32#
据说,如果输入字段没有或在表单标签之外,则会将Next按钮作为Tab按钮
据我所知,没有合适的解决方案来获得下一个按钮而不是去。只有变通办法做到这一点。最常见的一个是捕捉'去'按钮作为输入键(键码'13')在javascript和做你的事情。
对于选项卡button instead of enter
也有消息来源已经讨论了这些GO与NEXT按钮
zed5wv103#
您是否尝试过
enterkeyhint
属性enterKeyHint属性是一个枚举属性,定义虚拟键盘上的Enter键要显示的动作标签(或图标)。它反映enterkeyhint HTML全域属性,而且是一个枚举属性,只接受下列值作为DOMString:
如果未指定
enterKeyHint
值,或者将其设置为与允许的值不同的值,则将返回空字符串。enterKeyHint
属性是一个枚举属性,定义虚拟键盘上的Enter键要显示的动作标签(或图标)。它反映enterKeyHint
HTML全域属性,而且是一个枚举属性,只接受下列值做为DOMString:tyg4sfes4#
你可以简单地使用下面的逻辑让用户专注于下一个输入字段。这是一个更好的方法,我在我的一个PhoneGap应用程序中使用过,因为目前还没有第三方插件提供这样的功能。
l7wslrjt5#
对于谁这可能是用途:
我正在开发一个react pwa,我在显示“下一步”按钮时遇到了问题,这样用户就可以从一个输入元素移动到下一个输入元素(在同一屏幕中)。**事实证明,android需要一个
<form>
来 Package 输入文本元素。**我做了一系列测试:1.在中输入文本(无tabindex、除type外无其他属性、无任何内容)
1.在a外输入文本(同上)
1.输入文本
在
1.输入文本
在
只有在a中的输入才会获得android的默认next-next-next-go行为,其中go =表单中的最后一个输入。
yiytaume6#
是否尝试在输入字段中使用
tabindex
参数?如果检测到
tabindex
,键盘的默认操作应该是显示下一步。示例:
fcwjkofz7#
编辑文本android:imeOptions=“下一步操作”