如何检测iOS键盘'接下来'键

How to detect iOS keyboard 'next' key with javascript

本文关键字:接下来 键盘 iOS 何检测 检测      更新时间:2023-09-26

所以我有一个用JS编写的小型SPA。它有几个输入字段,但没有实际的"表单"。一切都与JS绑定。

当用户到达表单页面上的最后一个输入时,如果他们按下"tab"或"enter",我会劫持关键事件并启动动画来滚动下一个表单页面。这一切都很好。

然而,当用户在iOS(或android)上访问时,如果他们开始填写输入并点击"下一个"键,当他们到达表单部分的末尾时,设备会将下一个输入集中在屏幕外,并破坏整个布局,以尴尬的方式滚动视口等等。

所以我的问题是

1) 有没有办法通过JS劫持"下一步"按钮并正确地启动我的动画?

2) 有没有办法隐藏上一个/下一个按钮?

3) 有没有办法防止"下一步"按钮跳到下一节?

我试着制作一个小的jsfiddle,它在keyup时发出警报,但"下一个"键似乎没有任何键代码,甚至没有触发keyup事件:/

谢谢你的帮助。

我会尝试在每页的最后一个实际字段后面添加隐藏的伪输入字段,并在它获得焦点时转到下一页。