javascript - 当用户在表单外单击时如何关闭弹出表单？

Question

const btnMail = document.querySelector("#mail-button")
const popupForm = document.querySelector("#popup-Form")
const btnCancel = document.querySelector("#btn_cancel")

const openform = () => {
    btnMail.addEventListener('click', () => {
        popupForm.style.display="block"
    })
}
openform()

const closeform = () => {
    btnCancel.addEventListener('click', (e) => {
        e.preventDefault()
        popupForm.style.display="none"
    })
}
closeform()

嗨，我做了两个功能，用一个按钮打开表单弹出窗口并用另一个按钮关闭它当用户单击表单弹出窗口外部以关闭表单弹出窗口时，我想创建一个新功能，我尝试了方法目标，但它没有不工作。我可以使用什么 javascript 方法来实现这一点？谢谢

标签： javascript