eventlistenersの実行を停止する方法

Question

こんにちは私の小さなプロジェクトでいくつかの問題があります。 mouseupイベントの呼び出し後にmousedownイベントとmousemoveイベントの実行を停止したいしかしその後、マウスイベントは再びアクティブになるはずです。それはリセットのように動作するはずです。ここでは、コードmouseupコールバックの終わりに

function quotesMouseDown(event) { 
     var isMouseDown = true; 
     document.getElementById("quotes").addEventListener("mouseup", 
     function() { 
       isMouseDown = false; 
      }); 
      if (isMouseDown == false) { 
       return false; 
      } 
      else { 
        var mDownX = event.pageX; 

      document.getElementById("quotes").addEventListener("mousemove", quotoesMouseMove); 

       function quotoesMouseMove(event) { 
        var mMoveX = event.pageX; 
        console.log(mMoveX); 
        console.log(mDownX + "cos") 
        } 
     } 
      console.log(isMouseDown); 
    } 

document.getElementById("quotes").addEventListener("mousedown", quotesMouseDown); 

Answer 1

だけdetachmousedownコールバックです：

document.getElementById("quotes").addEventListener("mouseup", function() { 
    isMouseDown = false; 

    document.getElementById("quotes").removeEventListener("mousedown", quotesMouseDown); 
    });