Javascript：将焦点放在div父输入onClick上

Question

我在div父级中有一个输入字段和一个span。我想要完成的是将重点放在专注于输入的div上。问题是，当我点击跨度时，div会聚焦，而输入则不是这样。 如何使输入失去焦点，然后将焦点放在div上点击输入？

这是我的代码：

＆＃13;

＆＃13;

.img {
  background: #ef1111;
}

＆＃13;

<div tabindex='0'>
<input type='text'/>
<span class='img'>Try me !</span>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我认为这就是你想要做的事情，如果没有，请再解释一下：

div{
    pointer-events: none;
}

 [...]
<div tabindex='0'> 
<input type='text' autofocus/>
<span class='img'>Try me !</span>
</div>