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 ではカーソルは表示されませんが、ページを読み込んだ後に入力すると要素に表示されます。 ここに簡単な例があります。