Javascript 鼠标按下和鼠标向上事件冲突

Question

我正在创建一个简单的绘图网站。我想要实现的是，当我的鼠标按下（绘图时）时，我的菜单栏应该变得不可点击。这工作正常，但mouseup后，没有任何反应。我已经在谷歌上搜索了很长时间，但没有找到任何解决方案。有什么想法吗？

var mousedDownFired = false;
  $("body").mousedown(function(event){
      mousedDownFired =true;
       document.body.style.pointerEvents = 'none';
    
  });
  $("body").mouseup(function(event){
        
     if(mousedDownFired)
      {
         mousedDownFired = false;
         return;
      }
      document.body.style.pointerEvents = 'auto';
 });

Answer 1

设置document.body.style.pointerEvents = 'none';时，可以防止 mouseUp 事件触发。

如果你想让你的菜单栏不可点击，只需将其style.pointerEvents设置为"none"，而不是整个文档正文。