Javascript appendTo之后的jquery无法聚焦于输入框

将输入框附加到其他元素后，它将不允许在框中单击（焦点立即消失）。为什么会发生这种情况？这是

HTML

---

如果要将焦点直接放在文本框中，请使用

.focus（）

：

---

我更新了您的

appendTo方法是导致输入失去焦点的原因，因为输入现在在div中，它在单击时调用函数。下面的代码将说明这一点

function appendSearch(){
    if ($("#placeHolder input").length == 0) {
        $("#box").appendTo($("#placeHolder"));
    }
}

---

是的，我知道了，但是问题是为什么你不能用鼠标点击来聚焦-它只是拒绝接受点击。。。

function appendSearch(){
    $("#box").appendTo($("#placeHolder"))
}

$("#box").appendTo($("#placeHolder")).focus();

function appendSearch(){
    if ($("#placeHolder input").length == 0) {
        $("#box").appendTo($("#placeHolder"));
    }
}