html - 如何使设置了 contentEditable 的 div 在页面加载时显示闪烁的光标？

Question

我只想拥有一个可编辑的 div，它的作用类似于文本区域，重点放在页面加载上(即，闪烁的光标可见，输入显示在 div 中，而无需使用鼠标选择 div)。我试过在可编辑的 div 上调用 focus()，但这不起作用。

Answer 1

我不确定是否可以控制光标，但您可以简单地聚焦元素:

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

在 Chrome 中，如果带有 ID 编辑器的元素有任何内容，那么将选择全部内容。在 Firefox 中，您看不到光标，但如果您在加载页面后键入，它将出现在元素中。 Simple example here .