有没有办法改变移动键盘上的转到/提交按钮在移动网页上的作用

Is there a way to change what the go / submit button on a mobile keyboard does on a mobile web page?

本文关键字:移动 按钮 提交 作用 网页 移动网 改变 键盘 有没有      更新时间:2023-09-26

我们有一个购物车表单,它有3个提交按钮(一个用于更新数量,一个用于输入促销代码,另一个用于完成结账)。

在桌面上,用户应该点击他们正在影响的项目旁边的提交按钮,通常情况下就是这样,按钮靠近他们的鼠标/键盘焦点,视觉关联很强。

在手机上,点击手机键盘提供的"开始"或"提交"按钮会感觉更自然。这将使用页面上的第一个提交按钮而不是最合适的按钮来提交表单。

我可以更改移动用户单击键盘上的"转到/提交"按钮时发生的情况吗?

我在这里的知识非常有限,但你不能使用onsubmit回调吗?-http://www.htmlgoodies.com/html5/tutorials/HTML5-Development-Form--Keyboard-Events-3885651.htm#fbid=NgeGkg0S2JD

通过禁用提交按钮并根据焦点所在的表单字段有条件地启用它们来解决这个问题(到目前为止只在iPhone上测试过)。

无论如何,在iPhone上,键盘的go按钮使用它找到的第一个启用的提交按钮提交。如果没有启用的按钮,则按钮不起任何作用(如果没有启用提交按钮,则希望将其删除,但事实并非如此)。