Javascript mousedown 和 mouseup 事件冲突

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'，而不是整个文档正文。