javascript - 当另一个元素具有自动对焦时，如何为元素提供自动对焦？

Question

我想给一个textarea (单击按钮时添加)自动对焦 autofocus属性，但是当我这样做时它不起作用，并且我在控制台上收到此消息:

Autofocus processing was blocked because a document already has a focused element.

所以现在的问题是:
当其他元素已经拥有它时，如何将焦点移到 textarea 上？

Answer 1

给文本区域自动对焦基本上是说“当页面加载时，这个文本区域应该被聚焦”
所以聚焦另一个元素不是问题:
如果出现该错误，只需使用 .blur()你想失去焦点的文本区域上的方法。然后执行 .focus()方法在你想要集中的那个上

function focus1() {
  document.getElementById('ele1').focus()
}

function focus2() {
  document.getElementById('ele2').focus()
}

<textarea id="ele1"></textarea>
<textarea id="ele2"></textarea>

<button onclick="focus1()">Click to focus inp1</button>
<button onclick="focus2()">Click to focus inp2</button>