时间戳

首页 > 解决方案 > 在 div 之外单击时关闭 div

javascript - 在 div 之外单击时关闭 div

问题描述

在 div 外部单击时，我试图关闭联系表单 Div。我让它工作，以便它在 Div 之外关闭，但单击 Div 时表单也会关闭。有谁知道为什么会发生这种情况？我很感激任何提示。

HTML 代码：

  <div class="formPopup" id="myForm">
<main class="mainElement">
  <button class="closeBtn" onclick="closeForm()">X</button>
  <form class="contactForm" action="contact.php" method="post">
    <input type="text" name="name" placeholder="name">
    <input type="text" name="mail" placeholder="your email address">
    <input type="text" name="subject" placeholder="subject">
    <textarea class="message" name="message" placeholder="message"></textarea>
    <button type="submit" name="submit" class="btn">SEND <MAIL></MAIL></button>
  </main>

JS代码：

window.addEventListener('mouseup', function(){ if (event.target != $(".mainElement") {
document.getElementById("myForm").style.display = "none";}});

标签： javascripthtmldisplaymouseup

解决方案

推荐阅读