2016-01-14 22 views
1

我正在尝试使用javascript函数focus(),但它在safari mobile上不起作用。我该如何解决这个问题?为什么iOS手机无法使用焦点()

<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>demo</title> 
     <script type="text/javascript"> 
     window.onload=function() { 
      document.getElementById('username').focus(); 
     } 
     </script> 
    </head> 
    <body> 
    <input type="text" id="username" > 
    <input type="text" > 
    </body> 
</html> 

回答

-1

我与Angular应用程序有同样的问题,我用一个非常简单的黑客解决了它。

对于初学者,您可能想要使用jQuery;它为您提供了许多明确的内容,并且或多或少地得到全面支持。然后,尝试这样做:

$(document).ready(function() { 

    setTimeout($('#username').focus(), 0); 

}); 

现在,我不完全知道它是如何工作的;也许一些渲染问题。但它确实有效。

如果你想VanillaJS:

window.onload = function() { 

    setTimeout(document 
        .getElementById('username').focus(), 0); 

} 

我不知道,如果VanillaJS版本将正常工作。

+0

只是好奇为什么这个答案被否决了?是因为它没有用吗? –

+0

我不知道自己。 – weirdpanda

2

由于安全原因,iOS不允许自动触发.focus()

相关问题