首页 > 解决方案 > 在其他输入中按回车后添加新的输入类型文本

问题描述

我试图在按下 Enter 键时添加一个带有 keyup 事件的新输入,但是第一次执行该事件时创建两个新闻输入,我只需要创建一个,下一次我按下 Enter 时只正确添加一个输入。

const addPallets = () => {
  let scan_box = document.querySelector(".first");
  let form = document.querySelector(".container");
  let contador = 0;
  window.addEventListener("keyup", (event) => {
    event.preventDefault();
    console.log(event.code);

    if (event.code == "Enter") {
      contador += 1;

      if (contador == 1) {
        let input_text = document.createElement("input");
        input_text.classList.add("pallets");
        input_text.setAttribute("placeholder", "Scan Pallet");

        form.appendChild(input_text);
      }
    }
  });
};

在此处输入图像描述

标签: javascripthtml

解决方案


推荐阅读