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

2023年7月3日 216次阅读

我这里有一行代码(没有涉及表格)：

<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功能？

最佳答案 尝试

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

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

点赞