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”，而不是整個文檔主體。