JavaScript blur()とfocus()を合わせたら動作がおかしい

Question

前提・実現したいこと

タイトルの通りです
下記コードを実行すると
textをクリックしたらフォーカスを外し、1秒後にフォーカスを与えるといったものです
しかし、フォーカスは外れますが、フォーカスを与えることができません
原因がわかる方いらっしゃいましたら教えていただけないでしょうか？

該当のソースコード

<script>
window.onload=function(){
Array.from(document.querySelectorAll('input[type="text"]'), item => {
item.addEventListener("click",function(){
document.getElementById(this.id).blur();
setTimeout("document.getElementById(this.id).focus()",1000);
});
});
}
</script>

<input id="a" type="text">
<input id="b" type="text">
<input id="c" type="text">
<input id="d" type="text">

Answer 1

setTimeout()のコールバック中では this が window を指しているからです。「setTimeout内に、thisを入れる方法を教えて下さい。」が参考になるかと思います。