仅将事件监听器添加到网格项目一次？

Question

我正在PathFinding Visualiser上的Javascript项目中工作，我在其中[[使用for循环在网格内的每个div上实现了事件监听器，当我单击其中一个网格项目时，它变成红色] >，但事件侦听器仍处于活动状态，我只希望该操作仅执行一次

单击网格中的一个div后，如何删除EventListner？

  <div class="grid-container" id="ad">
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>   
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      <div class="grid-item" id="item"></div>
      </div>

   let divs = document.querySelectorAll(".grid-item")

        for(let i=0;i<divs.length;i++) { 

            divs[i].addEventListener("click", function() {
            divs[i].style["background-color"] = "red";

        });
    }

我正在PathFinding Visualiser上的Javascript项目上工作，在该项目中，我使用for循环在网格内的每个div上实现了事件侦听器，当我单击其中一个网格项目时，它就变成了...

Answer 1