Javascript как добавить прослушиватель события click в теле?

Question

Как добавить прослушиватель событий щелчка к телу, чтобы при щелчке в любом месте внутри тела .arrow-up и .login-form исчезали.

$(document).ready(function() {
  var arrow = $(".arrow-up");
  var form = $(".login-form");
  var status = false;
  $("#login").click(function(event) {
    event.preventDefault();
    if (status == false) {
      arrow.fadeIn();
      form.fadeIn();
      status = true;
    } else {
      arrow.fadeOut();
      form.fadeOut();
      status = false;
    }
  })

  document.getElementByTagName("body").addEventListener('click', function() {
    arrow.fadeOut();
    form.fadeOut();
    status = false;
  });
})

Answer 1

Нет такой функции, как document.getElementByTagName, поэтому

Либо используйте:

document.getElementsByTagName("body")[0].addEventListener('click', function() {console.log('clicked')  });

, либо просто:

document.body.addEventListener('click', function() {console.log('clicked')});

А так как вы все равно используете jQuery Вы можете сделать

$('body').on('click', function(){console.log('clicked')});