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 中，您看不到光标，但如果您在加载页面后键入，它将出现在元素中。 简单的例子在这里。