如何使用contentEditable製作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。