css 如何让JavaScript中的按钮只执行一次代码?

wwtsj6pe  于 2023-01-14  发布在  Java
关注(0)|答案(1)|浏览(153)

我创建了一个按钮,创建一个网格。然而,点击按钮重复执行代码重复,我只想它执行一次。代码如下:

inputBtn.addEventListener("click", function () {
  createGrid();
});

function createGrid() {
  for (let i = 0; i < 256; i++) {
    div = document.createElement("div");
    div.classList.add("grid-child");
    if (gridContainer) {
      randomColor();
    }
    gridContainer.appendChild(div);
  }
}

我创建了一个循环,我认为它会在256次后停止执行。我还尝试在最后添加一个break,但这导致了一些其他问题。

jgovgodb

jgovgodb1#

添加监听程序时,将once选项设置为true

inputBtn.addEventListener(
  "click",
  function () {
    createGrid();
  },
  { once: true }
);

相关问题