我们有一个购物车表单,其中包含 3 个提交按钮(一个用于更新数量,一个用于输入促销代码,一个用于完成结帐)。
在桌面上,用户应该单击他们正在影响的项目旁边的提交按钮,这通常会发生,该按钮靠近他们的鼠标/键盘焦点所在的位置并且视觉关联很强。
在移动设备上,单击移动键盘提供的“开始”或“提交”按钮感觉更自然。这使用页面上的第一个提交按钮而不是最合适的按钮提交表单。
我可以更改移动用户单击键盘上的执行/提交按钮时发生的情况吗?
我们有一个购物车表单,其中包含 3 个提交按钮(一个用于更新数量,一个用于输入促销代码,一个用于完成结帐)。
在桌面上,用户应该单击他们正在影响的项目旁边的提交按钮,这通常会发生,该按钮靠近他们的鼠标/键盘焦点所在的位置并且视觉关联很强。
在移动设备上,单击移动键盘提供的“开始”或“提交”按钮感觉更自然。这使用页面上的第一个提交按钮而不是最合适的按钮提交表单。
我可以更改移动用户单击键盘上的执行/提交按钮时发生的情况吗?
我这里的知识很有限,但是不能用onsubmit
回调吗?- http://www.htmlgoodies.com/html5/tutorials/HTML5-Development-Form--Keyboard-Events-3885651.htm#fbid=NgeGkg0S2JD
通过禁用提交按钮并根据具有焦点的表单字段有条件地启用它们来解决这个问题(目前仅在 iPhone 上测试过)。
无论如何,在 iPhone 上,键盘的 go 按钮使用它找到的第一个启用的提交按钮提交。如果没有启用的按钮,则该按钮什么也不做(如果没有启用的提交按钮,希望它被删除,但事实并非如此)。