H5移动端input元素在IOS下的setTimeout内无法获取焦点
移动端在setTimeout里设置input获取焦点在ios下是无效的,这里是个坑!
下面是代码和效果截图,有兴趣的可以扫码亲测一下,若有填上了这个坑的,请多指教!
html:
<input type="text" placeholder="测试获取焦点">
<div>点击下面按钮设置一个延迟2秒的定时器,2秒后执行input的focus事件,Android下会成功获取焦点,ios下则不会获取焦点。</div>
<button>点击设置定时器</button>
js:
$('button').on('click', function () {
setTimeout(function () {
$('input').focus()
}, 2000)
})
手机扫码测试:
我亲测的效果截图: