Что будет противоположностью onclick = "myFunction ()"?

Question

НЕ ДУБЛИКАТ , потому что я прошу о событии "offclick" (если есть) с целью скрытия элемента, а не о том, как скрыть элемент.

У меня естьконтейнер с display: none;, который отображается только при нажатии на тег <textarea> с помощью onclick="myFunction()". Тем не менее, я хотел бы установить контейнер обратно на display: none; после того, как он щелкнет за пределами <textarea>.

Есть ли какой-нибудь offclick эквивалент для этого?

  function myFunction() {
  $('.testing').css({
    display: 'inline-block'
  });
}

.testing {
  display: none;
}

<div>
  <textarea onclick="myFunction()" placeholder="Write something..."></textarea>
</div>
<div class="testing"></div>

Answer 1

$(document).click(function(event) {
    if (!$(event.target).is(".testing")) {
        $(".testing").hide();
    }
});

Answer 2

Скорее всего, вам придется посмотреть на событие onMouseUp.

https://www.w3schools.com/jsref/event_onmouseup.asp

Answer 3

Вам потребуется прослушиватель на уровне окна, а затем скрыть его в зависимости от того, был ли сделан щелчок вне текстовой области (цели), но только в том случае, если текстовая область видна, иначе это сравнение будет бессмысленным.