html 如何在internet explorer中进行输入自动聚焦？

wz8daaqr 于 2022-12-16 发布在其他

关注(0)|答案(5)|浏览(285)

请查看我的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>

我怎么能像Chrome、Safari、Opera和Firefox那样在自动对焦上实现这一点呢？

Html

来源：https://stackoverflow.com/questions/8280988/how-to-make-input-autofocus-in-internet-explorer

5条答案

按热度按时间

zz2j4svz1#

这里有一行程序（实际上是一行逻辑），它使用jQuery在IE中实现自动聚焦，如果焦点已经设置好，它就会退出--换句话说，在任何支持HTML5的浏览器中。

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

Here是一个更新的jsFiddle，可以在IE中工作。

赞(0）回复(0）举报 2022-12-16

bz4sfanl2#

你将不得不依赖javascript来完成这个任务，因为IE不支持html5自动对焦，这里有一篇很好的博客文章：https://www.html5tutorial.info/html5-autofocus.php
基本上，首先检查属性是否受支持，如果不受支持，则使用javascript通过focus()方法手动聚焦到所述输入。

赞(0）回复(0）举报 2022-12-16

wljmcqd83#

我通常使用jQuery：

$('input').focus()

示例：https://jsfiddle.net/simply_simpy/eb4JJ/5/

赞(0）回复(0）举报 2022-12-16

c90pui9n4#

你可以试试这个。

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

更多详细信息AutoFOcusIE

赞(0）回复(0）举报 2022-12-16

rdlzhqv95#

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以取得更多信息。

赞(0）回复(0）举报 2022-12-16

我来回答

html 如何在internet explorer中进行输入自动聚焦？

5条答案

相关问题

热门标签

最新问答