如何將焦點從文本區域移到文本區域之外？

Question

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

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

這是我的代碼。 單擊文本區域時，光標將聚焦在該區域上。

然后，我只想使用JavaScript代碼將文本區域的焦點移出它。 單擊窗口的另一側與單擊鼠標的另一側相同。

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

以上情況均無效。 我怎么只能用javascript做到這一點？

Answer 1

您可以通過將元素設置在另一個元素（ $('#other_side').focus() ）上，將焦點從元素上刪除，但是該元素必須是能夠接收焦點的元素。

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>