javascript - jquery在appendTo之后无法聚焦于输入框

Question

将输入框附加到其他元素后，将无法单击该框(焦点立即消失)。为什么会出现这种情况呢？这是JSFIDDLE

HTML

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

JS

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

Answer 1

如果您想将焦点直接放在文本框中，请使用.focus():

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

我更新了您的 jsFiddle