我有一个 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();
}
}
请问有什么建议吗？