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