Question

我目前正在使用Apache Cordova框架为Android手机编写移动应用程序。

在应用程序中，有一个登录视图，其中存在两个输入字段[username]和[password]。

当我在不使用autofocus属性的情况下打开视图时，光标会自动聚焦在＆＃34; #password＆＃34;领域。但是当我使用autofocus属性时，光标实际上集中在＆＃34; #username＆＃34;眨眼间然后跳到＆＃34; #password＆＃34;。

以下是证明该行为的标记：

<input id="username" 
       required="required" 
       type="text" 
       placeholder="username" 
       name="username" 
       autofocus>
<input id="password" 
       required="required" 
       type="password" 
       placeholder="password" 
       name="password">

为什么会这样？

Answer 1

您确定某些脚本未运行或您的网址（如果有）不以#password锚结束吗？尝试从密码元素或其他一些属性中删除id，以查看原因是否属于其中一些。

最后一个解决方案是强制使用JS，但这不是一个好的决定。页面加载时，您可以运行：

$('input').blur(); //blur all inputs 
$('#username').focus(); //Focus whatever you want

或者您可以触发模糊事件

$('input').trigger('blur');

html中自动对焦的奇怪行为

1 个答案: