我想使用以下jQuery向我的页面动态添加一个输入字段：
var inputNode = "<input id='inputNode' class='tiContent' type='text'
placeholder='text input...'/>";
$("div").append(inputNode);
在这样做之后,我希望输入字段具有闪烁的文本光标的焦点,所以我想在创建后立即输入.
有人可以告诉我我该怎么办？
我试过通话
$(inputNode).focus()
也试过
$(inputNode).trigger( ‘点击’)
但他们都没有工作.点击后,我可以输入字段,但正如我所说,我想立即输入任何交互.
解决方法
当你尝试$(inputNode).focus()时,jQuery只是建立一个新的断开连接(从DOM)< input>元素与您附加的元素不同 – 虽然这个断开连接的元素集中在:-)
有几种方法来集中投入.
如果您可以使用HTML5,那么添加autofocus属性将会聚焦输入
var inputNode = '<input autofocus id="inputNode" class="tiContent" type="text" placeholder="text input..."/>';
$('div').append(inputNode);
或者,使用jQuery,您需要找到< input>在元素创建后调用.focus()就可以了,因为代码中的inputNode只是一个字符串,而不是一个jQuery对象.
var inputNode = '<input id="inputNode" class="tiContent" type="text" placeholder="text input..."/>';
$('div').append(inputNode);
$('div input').focus(); // or $('#inputNode').focus();