html - 如何在Internet Explorer中使输入自动对焦？

请检查我的JSFiddle
https://jsfiddle.net/WK2N3/1/

#searchbar {
float: left;
display: inline;
background: #FFFFFF;
height: 29px;
width: 660px;
border: 1px solid #bdbdbd;
margin: 55px 0px 0px 10px;
font-size : 17px;
font-family : Georgia;
font : 17px Georgia, Times, âTimes New Romanâ, serif;
color : #333333;
}

#searchbar:focus {
float: left;
display: inline;
background: #FFFFFF;
height: 29px;
width: 660px;
border: 1px solid #2e9afe;
margin: 55px 0px 0px 10px;
font-size : 17px;
font-family : Georgia;
font : 17px Georgia, Times, âTimes New Romanâ, serif;
color : #333333;
-moz-box-shadow: 0 0 2px #2e9afe;
-webkit-box-shadow: 0 0 2px#2e9afe;
box-shadow: 0 0 2px #2e9afe;
}

input:focus {
outline : none;
}

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

如何在IE，Chrome，Safari，Opera和Firefox等自动对焦上实现此目的？

最佳答案

这是一种使用jQuery在IE中使自动对焦工作的方式(实际上是一行逻辑)。如果焦点已经设置，换句话说，即在任何支持HTML5的浏览器中，它都会提供帮助。

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

我解释了in my blog的工作方式。 here是可在IE中运行的更新的jsFiddle。

关于html - 如何在Internet Explorer中使输入自动对焦？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8280988/