Как сделать, чтобы div с набором contentEditable отображал мигающий курсор при загрузке страницы?

Question

Мне просто хотелось бы иметь редактируемый div, который действует как текстовое поле, которое фокусируется на загрузке страницы (т. Е. Мигающий курсор виден, и при отображении в div отображается текст без необходимости выбирать div с помощью мыши). Я пытался вызвать focus () для редактируемого div, но это не сработало.

Answer 1

Я не уверен, что можно управлять курсором, но вы можете просто сфокусировать элемент:

function initPage() {
    var elEd = document.getElementById('editor');
    elEd.contentEditable=true;
    elEd.focus();
}

В Chrome, если ваш элемент с ID-редактором имеет какой-либо контент, будет выбран весь контент. В Firefox вы не видите курсор, но если вы напечатаете после загрузки страницы, он появится в элементе. Простой пример здесь .