Question

如何聚焦动态创建的元素？

Answer 1

在元素添加到DOM后，只需在元素上调用.focus()，例如：

var input = document.createElement("input"); //create it
document.body.appendChild(input);            //append it
input.focus();                               //focus it

You can test it out here

Answer 2

focus方法会执行此操作。如果您对新创建的名为elem的元素有引用，那么只需调用：

elem.focus();

请注意，当在适当的时候将元素插入文档后，您需要执行此操作。

Answer 3

试试这段代码，

var txtObj = document.createElement("input");
window.document.body.appendChild(a);
txtObj.focus();

Answer 4

<script>    
  $('#container').append('<input type="text">');
  $('#container').find('input:last').focus();
</script>

Answer 5

您可以使用setTImeOut

setTimeout(function() {
        $("#id_of_element_created").focus().select();
       }, 100);

专注于动态创建的元素

5 个答案: