【js】点击空白地方 弹框消失隐藏

写了一个弹框 点击空白地方想让它消失

searchFlag 控制显示和隐藏

 addEventListenerFun() {
      document.addEventListener('mouseup', (e) => {
        let divSearch = document.querySelector('.position-form-item') //选择返回的第一个出现的元素
        
        debugger;
        if (divSearch) {
          if (!divSearch.contains(event.target)) {
            //判断某个元素不是目标元素的子元素 即目标元素以外的区域
            this.searchFlag = false
          }
        }
      })
    },

let divSearch = document.querySelector('.position-form-item') //选择返回的第一个出现的元素

选择一个小div当容器 ；

核心理解

//判断某个元素不是目标元素的子元素 即目标元素以外的区域

//判断某个元素不是目标元素的子元素 即目标元素以外的区域

 //判断某个元素不是目标元素的子元素 即目标元素以外的区域

 mounted() {
  
    this.addEventListenerFun()
  },