对于contenteditable的div块,如何在页面初始化后自动聚焦

Question

将div块增加contenteditable属性

<div class="input-class" contenteditable></div>

问题:如何在页面初始化完成后,光标自动聚焦到该div块中?

MDN看过后,觉得应该使用selection对象来操作,但不知道具体如何操作.或者有其他方案,请指教

Answer 1

发现可以用focus处理.
不过我是使用的vue自定义指令,在钩子函数中处理,在inserted时聚焦,但是这时候vue组件还没完全加载完,加一个延迟就可以聚焦了

Answer 2

用$(".input-class").focus()不行吗？