javascript - 在 javascript 中很难将焦点设置在新创建的对象上

Question

所以，与之前的问题相关，但请原谅我天真的 JavaScript 方式。基本上，我现在希望在将文本输入添加到 DOM 时自动将其置于焦点中。我的一部分认为我可能会尝试在对象存在之前将焦点添加到该对象上，但我不太确定如何修复它。现在这是我的相关代码:

var searchWrapper = document.createElement("div");
searchWrapper.id = "search-wrapper";

this.parentNode.replaceChild(searchWrapper, this);
document.getElementById("search-wrapper").focus();

但它不太有效。我应该将焦点设置为replaceChild 的回调，还是有其他方法可以做到这一点？

Answer 1

尝试以下操作:

Live Demo

var searchOrig = document.getElementById("search-wrapper"); 

var searchWrapper = document.createElement("div");
searchWrapper.id = "search-wrapper";
searchWrapper.setAttribute('tabindex', '0'); 

searchOrig.parentElement.replaceChild(searchWrapper, searchOrig);
document.getElementById("search-wrapper").focus();