eventListner，用于在另一个文本框获得焦点时添加文本框(vanilla-js）

eventListner to add a text boxes when another text box gets focus (vanilla js)

本文关键字：文本 添加 vanilla-js 焦点 用于 另一个 eventListner      更新时间：2023-12-06

我正在尝试将eventListner添加到所有文本框中。当一个盒子获得焦点时，应该创建一个新的盒子。

如果你能帮我解开这段代码，我将不胜感激，因为它不起作用。。。

var inputs = document.querySelectorAll("input[type=text]");
for (var i=0; i<inputs.length; i++) {
    inputs[i].addEventListener("focus",addTextBox,true);
}
function addTextBox(){  
    var newInput = document.createElement("input");
    newInput.setAttribute("type","text");
    this.appendChild(newInput);
}

我也这么认为，您的代码本身就是有效的——如果您检查DOM，您会看到新的输入字段是创建的，并作为子字段附加到原始输入字段。但正如我前面的发言者所提到的，你不能将输入字段设置为输入字段的子字段。你到底想实现什么？

相关文章：