自动对焦无法使用ipad / iphone处理启动事件

Question

我有一个网络应用程序，其中注册表单我有一个电话号码字段。事实上，它由三个文本框组成。第1和第2个文本框允许输入3位数，第3个文本框允许4位数输入电话号码。我有JS功能，检查第一个框中是否输入了3位数，然后它自动聚焦到第二个方框。如果在第2个框中输入3位数字，则它会自动聚焦到第3个框。此功能适用于IE浏览器，Chrome浏览器。

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

以下是它在iphone上的工作原理。

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

这里是我在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。