如何在Internet Explorer中进行输入自动对焦?

时间:2011-11-26 19:29:14

标签: html css cross-browser

请查看我的jsfiddle

http://jsfiddle.net/WK2N3/1/

我如何在自动对焦上实现这一点,就像对于IE浏览器的chrome,safari,opera和firefox一样?

5 个答案:

答案 0 :(得分:33)

这是一个单线程(好的,一行实际逻辑),它使用jQuery在IE中进行自动对焦。如果已经设置了焦点 - 换句话说,在任何支持HTML5的浏览器中,它就会失效。

$(function() {
  $('[autofocus]:not(:focus)').eq(0).focus();
});

我解释了它是如何运作的in my bloghere是一个更新的jsFiddle,适用于IE。

答案 1 :(得分:3)

您将不得不依赖javascript来执行此操作,因为IE中不支持html5自动对焦。这里有一篇很好的博客文章:http://www.html5tutorial.info/html5-autofocus.php

基本上,您首先检查属性是否受支持,然后使用javascript手动将焦点放在所述输入中,如果不是,则使用focus()方法。

答案 2 :(得分:2)

通常我使用jQuery:

$('input').focus()

实例:http://jsfiddle.net/simply_simpy/eb4JJ/5/

答案 3 :(得分:0)

您可以尝试一下。

setTimeout(function() { document.getElementById('myInput').focus(); }, 10);

了解更多信息AutoFOcusIE

答案 4 :(得分:-3)

IE中的

自动对焦只是

<input type="text" id="searchbar" autofocus />

不是

<input type="text" id="searchbar" autofocus="autofocus"/>

有关详细信息,请参阅http://msdn.microsoft.com/en-us/library/windows/apps/hh441087(v=vs.85).aspx