如何将焦点设置在动态输入字段上？

Question

我需要将焦点放在输入字段上。

按下按钮后，此方法对我有用。

    function createNewDiv() {
      document.getElementById('myButton').blur(); ---- here I remove the focus from the button. Because the browser writes an error that an element with focus already exists
     
      const body = document.createElement('template');
      body.innerHTML = `
        <div>
          <input type="text" tabindex="2" onblur="document.getElementById('inputId').focus()" autofocus="autofocus" class="someClass"  id="inputId" placeholder="some text"  required>
        </div>
      `;

...
}

它创建一个包含输入字段的块。 我希望这个输入成为焦点。 在 safari 浏览器中它可以工作并设置焦点。 但在谷歌浏览器中不起作用。

Answer 1

我将忽略您提供的代码，因为它是不完整的垃圾，缺少重要部分、无效引号和许多错误！

所以我会告诉你，在 Chromium + Mozilla 的世界里，为了把重点放在我们这样做的一个元素上......

e.focus(); e.select();