javascript - 使用 JavaScript 设置 'autofocus' 属性不起作用

Question

我正在写一个小插件，插件会封装一个自动对焦设置，但是当我用 JavaScript 动态添加属性时，它不会自动对焦页面，这很奇怪。有什么办法吗？

HTML:

<input type="text">

JS:

document.querySelector('input').setAttribute('autofocus', 'autofocus');

不做:

document.querySelector('input').setAttribute('autofocus', 'autofocus').focus();

jSFiddle:http://jsfiddle.net/wPUNN/

Answer 1

尝试这样的事情

document.querySelector('input').focus()

编辑

如果你想要 HTML 5 标准，你应该让 HTML 看起来像这样

<input type="text" autofocus>

http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#autofocusing-a-form-control:-the-autofocus-attribute