javascript - appendTo之后的jquery无法专注于输入框

将输入框附加到其他元素后，不允许单击该框（焦点会立即消失）。为什么会这样？这是JSFIDDLE

的HTML

<div id="placeHolder" onclick="appendSearch()">placeHolder</div>
<input id='box' type='text'></input>

JS

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

最佳答案

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

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

关于javascript - appendTo之后的jquery无法专注于输入框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23343823/