input 获取焦点问题

html页中有一个id为currentInput的input标签，现在让其自动获取焦点。

let current = document.getElementById('currentInput');
//第一种，直接用focus()方法，有时候会不起作用
current.focus();
//第二章，延迟执行focus方法，一直都能获取成功
setTimeout(function () {
    current.focus();
},50);

页面上还有一个select，当把select点开的时候，再去点击文本框， 这个状态下文本框获取焦点大多数都是失败的，需要点击两次。如果直接点击文本框，一次就能成功获取焦点。

大神给解释下直接获取在哪些情况下会失败？为什么延迟执行能一定成功呢？

---

应该是获取这个DOM元素的时候文档还没加载完成吧，所以失败；
把脚本放在body底部，或者写在onload事件里应该就可以了吧。