原生JS 绑定右键菜单 并隐藏浏览器右键菜单

原生JS 绑定右键菜单 并隐藏浏览器右键菜单

 //获取元素
 var dom = document.getElementById("box");
 dom.addEventListener('contextmenu', function(e) {
   if (e.button === 2){
      notesTitle=e.srcElement.innerText // 获取点击的元素
      e.preventDefault();// 取消浏览器右键菜单
      // 跟随鼠标
      var x = e.clientX;
      var y = e.clientY;
      var menu = document.querySelector('#note_list_menu');
      menu.style.left = x + 'px';
      menu.style.top = y + 'px';
      menu.style.display = 'block';
      // 鼠标点击其他位置时隐藏菜单
      document.onclick = function(){
         menu.style.display = 'none';
      }
    }
   });