Question

我这里有一行代码（没有涉及表格）：

<input type="number" min="0" max="9999999" id="inSku" name="inSku">

之前，我使用的是type="text"，但是在默认情况下提供完整键盘的移动浏览器上，相关的框只接受数字输入。从逻辑上讲，移动浏览器在关注type="number"字段时会更改为唯一数字键盘 - 但是，我目前正依靠jQuery一点点来处理提交内容的问题。形成。这是代码：

$("#inSku").keyup(function (event) {
    if (event.keyCode == 13) {
        ringItem();
    }
});

这里的问题是在股票Android手机键盘上（我假设其他移动浏览器数量很多） - 使用“数字”键盘时，常规字母数字安卓键盘上的回车键已更改到“下一步”按钮。在我的情况下，这个按钮接受文本输入并将其粘贴在地址字段中，并不完全理想。有没有办法利用键盘上的下一个按钮，并执行我的其他JavaScript功能？

Answer 1

尝试

 $('#inSku').keyup(function (e) {
   alert('Key pressed: ' + e.keyCode);
 });

这里的想法是按下next按钮并找到该密钥代码。完成后，您可以将其添加到您的逻辑中，如if (event.keyCode === 13 || event.keyCode === ...)。您可以根据需要添加任意数量的限定符，以支持多个键盘和设备。

进入数字字段时，移动浏览器上的“输入/下一个”键的行为

1 个答案: