如何使用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中，您看不到光标，但如果在加载页面后键入，它将显示在元素中。 Simple example here