如何聚焦具有文本框作用的div？

Question

<div id="mainEditor" role="textbox" class="postArticle-content" contenteditable="true">

我有这个 div 控件，我希望这个 div 在页面加载后准备好写入。但是 $("#mainEditor").focus() 不起作用。

如何对焦？

js代码；

$(document).ready(function () {

$(window).load(function () {
    $("#mainEditor").focus();
}); });

Answer 1

$(document).ready(function () {

    $("#mainEditor").focus();

});

或者，如果您想使用您的 textbox 角色

$(document).ready(function () {

    $("div[role=textbox]").focus();

});

但是 - 为什么要将焦点放在 div 上？

这仅对锚点 <a>..</a> 或用户可以更改的控件有意义，例如文本输入字段 <input... />

Answer 2

您不需要 ready 中的加载函数..

$(文档).ready(函数(){

$("#mainEditor").focus();

});

这样就可以了

How to focus a div which has role of textbox?