如何在Internet Explorer中進行輸入自動對焦？

Question

請看看我的jsfiddle

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

我怎樣才能使這個在自動對焦喜歡它是鉻，Safari瀏覽器，Opera和Firefox對IE瀏覽器？

Answer 1

你將不得不依靠javascript來做到這一點，因爲IE5不支持html5自動對焦。這裏有一篇很好的博客文章：http://www.html5tutorial.info/html5-autofocus.php

基本上，你首先檢查屬性是否受支持，然後使用javascript手動對焦使用focus()方法，如果不是。

Answer 2

自動對焦在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。

Answer 3

我通常使用jQuery：

$('input').focus() 

活生生的例子：http://jsfiddle.net/simply_simpy/eb4JJ/5/

Answer 4

這裏是一個一行（當然，實際的邏輯之一線）使用jQuery來使自動對焦工作在IE中。如果焦點已經確定 - 換句話說，在任何支持HTML5的瀏覽器中，它都會被釋放出來。

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

我解釋了它是如何工作的in my blog。而here是一個更新的jsFiddle在IE中工作。