js模拟dom失去焦点，阻止事件冒泡

<div class="select-popup_panel" ></div>

export default {
  data() {
    return {
      mouseListening: false
    };
  },  
  mounted() {
    this.addListener();
  },
  destroyed() {
    this.removeListener();
  },
  methods: {
     addListener() {
      let self = this;
      let dom = document.getElementsByClassName(‘select-popup_panel‘)[0];
      dom.addEventListener(‘click‘,function(e){
        self.$set(self,‘mouseListening‘,true);
        e.stopPropagation(); // 阻止事件冒泡


　　　　　

　　　　//js阻止事件冒泡
       //e.cancelBubble = true;
       //e.stopPropagation();

       //js阻止链接默认行为，没有停止冒泡
       //e.preventDefault(); 
       //return false;

      });
      document.addEventListener(‘click‘,()=>{self.$set(self,‘mouseListening‘,false)});
    },
    removeListener() {
      this.$set(this,‘mouseListening‘,false);
      let dom = document.getElementsByClassName(‘select-popup_panel‘)[0];
      dom.removeEventListener("click", ()=>{});
      document.removeEventListener("click", ()=>{});
    }
  }  
}