Javascript如何在主体中添加单击事件侦听器？

如何将单击事件侦听器添加到主体中，以便当我单击主体中的任何位置时，向上箭头和.login表单将淡出

$(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;
  });
})

---

没有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')});

---

没有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')});

---

为什么不简单地将事件绑定到body上以使其工作？到目前为止，您尝试了什么？请共享到目前为止您尝试处理body click事件的代码。谢谢您共享的代码不是javascript，不是它的jquery。那么你在寻找什么呢，javascript或jquery>@GabrielAngel如果你喜欢jquery，那么就做$document。在“单击”时，函数{your_fn}为什么不简单地将事件绑定到body上使其工作呢？到目前为止，您尝试了什么？请共享到目前为止您尝试处理body click事件的代码。谢谢您共享的代码不是javascript，不是它的jquery。那么你在寻找什么，javascript还是jquery>@GabrielAngel如果你喜欢jquery，就去做$document