使用 ipad/iphone 时自动对焦不起作用 onkeyup 事件

Question

我有一个 Web 应用程序，其中的注册表单中有一个电话号码字段。事实上，它由三个文本框组成。第一个和第二个文本框允许输入 3 个数字，第三个文本框允许输入 4 个数字作为电话号码。我有 JS 函数检查是否在第一个框中输入了 3 个数字，然后它会自动聚焦到第二个框。如果在第二个框中输入 3 个数字，则它会自动聚焦到第三个框。此功能适用于 IE、Firefox chrome。

但是当我尝试通过 iPhone 或 Ipad 运行此应用程序时无法正常工作，在第一个文本框中输入 3 位数字后，我希望它会自动聚焦到第二个文本框，但它没有。我手动点击第二个框，然后在第二个框中输入数据。

这是它在 iphone 上的工作方式。

在 Iphone 上，输入前三位数字并且触摸屏键盘保持打开状态。一旦您输入第 4 位数字（期望它移动到下一个字段），键盘就会消失。为了进入下一个字段，您必须点击该字段以使键盘返回，然后光标会转到该字段。下一个字段也会发生同样的事情。

这里是我正在使用 onkeyup 的函数的定义

function chkLengthPhone(){
    if(document.getElementById('ph_no1').value.length == 3)
{
        document.getElementById('ph_no2').focus();
}
if(document.getElementById('ph_no2').value.length == 3)
{
    document.getElementById('ph_no3').focus();
}

}

有什么建议吗？

Answer 1

我使用了 onKeyPress 事件而不是 onKeyUp。