JS事件相关问题（莫名其妙被触发）

Question

JS添加事件相关问题

这是我写的click事件：就是说点击以后会把相关div的height给变成100px

new Vue({
el: '#b-leftcol', 
    mounted(){
        document.addEventListener('click',()=>{   
          console.log(event.target);
        for(var a=1;a<=count;a++)
        {
          
          var x='treeMenuRef'+a;
          //this.$refs[x].style.display = "none";
          this.$refs[x].style.height = "100px";
        }
})

这个是我右键三级菜单的效果：

当我左键点击触发click以后的效果：

可见其高度确实有所改变。

问题出现在二级菜单，我只是右键，并没有点击左键错发click，其效果如下：

我百思不得其解，为什么我右键事件却能触发click事件，请各位指点一下可能是哪里出现的问题

Answer 1

如果只是click的话，无论左键还是右键貌似都会触发。如果需要区分左右键，好像要自己去跟踪keycode，比如：

function whichButton(event) {
var btnNum = event.button;
if(btnNum == 2) {
alert("您点击了鼠标右键！")
} else if(btnNum == 0) {
alert("您点击了鼠标左键！")
} else if(btnNum == 1) {
alert("您点击了鼠标中键！");
} else {
      alert("您点击了" + btnNum + "号键，我不能确定它的名称。");
   }
}