解决ie10以下页面加载时input不能获取焦点的问题

2017-12-26 23:22:03 7,055 views

主流浏览器

主流浏览器可以通过h5新增的html特性 autofocus 给当前的元素添加来获取焦点

<form>
<input type="text" id="text" autofocus/>   <--!页面加载时自动获取焦点,ie10以下不支持-->
</form>

ie10以下

<form>
<input type="text" id="text" autofocus tableIndex=-1/>
</form>

可以通过设置tableIndex=-1,获取引用然后添加focus()即可获取到焦点
document.getElementById("text").focus();     在表单中可以也可以通过            document.forms[0].elements[0].focus();
document.forms 获取页面中的form表单的引用  [0]为第一个表单   elements[0]获取form表单中的第一个字段
 

2

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。