我想使用以下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();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。