javascript - eventListner 在另一个文本框获得焦点时添加一个文本框（vanilla js）

Question

我正在尝试将 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);
}

Answer 1

我也这么认为，您的代码可以正常工作 - 如果您检查 DOM，您会看到新的输入字段已创建并作为子项附加到原始输入字段。但正如我之前的演讲者所提到的，您不能将输入字段设置为输入字段的子字段。你真正想要达到什么目的？