如何使用contentEditable set创建一个div,在页面加载时显示一个闪烁的光标？

Question

我只想有一个可编辑的div,它像一个textarea,专注于页面加载(即闪烁的光标是可见的,键入显示在div中,而不必用鼠标选择div).我试过在可编辑的div上调用focus(),但这不起作用.

Answer 1

我不确定是否可以控制光标,但您可以只关注元素:

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

在Chrome中,如果您的ID编辑器元素包含任何内容,则会选择整个内容.在Firefox中,您看不到光标,但如果在加载页面后键入,它将显示在元素中. 这里的简单例子.