当另一个元素拥有一个元素时，如何给它自动对焦？

如何解决当另一个元素拥有一个元素时，如何给它自动对焦？

我正在尝试使用 autofocus 属性提供 textarea（当您单击按钮时添加）自动对焦，但是当我这样做时它不起作用并且控制台有此消息：

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

所以现在的问题是，当其他元素已经拥有 textarea 时，我如何才能将焦点放在 textarea 上。

回答将不胜感激
谢谢

解决方法

给 textarea 自动对焦基本上是说“当页面加载时，这个 textarea 应该被对焦” 所以聚焦另一个元素不是问题： 如果发生该错误，只需在要失去焦点的文本区域上使用 .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>