如何一次只收听一个事件并在 javascript 中关闭其他侦听器>

如何解决如何一次只收听一个事件并在 javascript 中关闭其他侦听器>

我已经开始学习 javascript。我目前有多个功能附加到三个不同的按钮上，这些按钮触发侦听器到表格以选择单元格。例如，如果按下按钮，它会触发分配源功能。当我尝试单击时出现问题另一个按钮，例如选择目标以选择表格上的单元格。但是它也触发了我不想要的选择源功能。我使用了一次属性，它解决了问题，但单击后关闭了侦听器，但我想继续分配源桌上

编辑：我正在尝试创建一个路径查找可视化工具。我创建了一个六乘六的网格，实际上是一个表格。我将源放在某个单元格上，将目标放在某个单元格上。然后我运行 DFS 或任何算法.问题出现如果我选择源按钮并放置源，但是当我完成它并尝试通过单击目标按钮放置目标节点时，它也会更改源节点，因为源功能也在侦听 enter image description here

function AssingSrcByClick() {

      console.log("ASSING SOURCE CALLED");
      const table = document.querySelector('table');
      const rows = document.querySelectorAll('tr');
      const rowsArray = Array.from(rows);

      table.addEventListener('click',(event) => {
          const rowIndex = rowsArray.findindex(row => row.contains(event.target));
          const columns = Array.from(rowsArray[rowIndex].querySelectorAll('td'));
          const columnIndex = columns.findindex(column => column == event.target);
          var r = rowIndex;
          var c = columnIndex;
          console.log(r,c)
          AssingSrc(r,c);

      },{
          once:true
      })
      console.log(G);
  }

  function AssingWALLSByClick() {

      console.log("ASSIGN WALLS CALLED");
      const table = document.querySelector('table');
      const rows = document.querySelectorAll('tr');
      const rowsArray = Array.from(rows);

      table.addEventListener('click',c)
          INITWALLS(r,c);
          console.log(G);
      },{once: true})
  }

  function AssingDesByClick() {

      console.log("ASSIGN DES CALLED");
      const table = document.querySelector('table');
      const rows = document.querySelectorAll('tr');
      const rowsArray = Array.from(rows);

      table.addEventListener('click',c)
          AssingDes(r,{
          once: true
      })
  }

  ;
  document.getElementById("PUTSOURCE").addEventListener("click",AssingSrcByClick);
  document.getElementById("PUTWALL").addEventListener("click",AssingWALLSByClick);
  document.getElementById("PUTDESTINATION").addEventListener("click",AssingDesByClick);