如何将焦点从文本区域移到文本区域之外？

Question

<!DOCTYPE html>
<body>
  <div id="some_div">
      <textarea></textarea>
  </div>

  <div id="other_div"></div>
</body>

这是我的代码。当点击textarea时，光标会聚焦在上面

然后，我只想使用 JavaScript 代码将文本区域的焦点移出它。这与单击 window 的另一侧相同，但 不适用于鼠标。

$('#other_div').focus()
$('#other_div').click()

上面的东西不起作用。我怎样才能 仅使用 javascript?

Answer 1

您可以通过将元素设置在不同的元素 ($('#other_side').focus()) 上来移除元素的焦点，但该元素必须能够接收焦点。

A div（默认情况下）不是交互式控件。单击 div 没有任何反应。您不能输入 div。无法获得焦点

如果您只是想从所有内容中移除焦点，那么您可以blur()当前具有焦点的元素。

$("textarea").focus();
setTimeout(() => $('textarea').blur(), 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>

How to move the focus from textarea to outside of it?