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”，而不是整个文档主体。