Comment faire un div avec contentEditable afficher un curseur clignotant sur le chargement de la page?

Question

Je voudrais juste avoir une div modifiable qui agit comme une zone de texte qui se concentre sur le chargement de la page (le curseur clignotant est visible et la saisie apparaît dans la div sans avoir à sélectionner la div avec la souris). J'ai essayé d'appeler focus() sur la div éditable, mais cela ne fonctionne pas.

Answer 1

Je ne suis pas sûr qu'il est possible de contrôler le curseur, mais vous pouvez simplement concentrer l'élément:

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

Dans Chrome, si votre élément avec l'éditeur d'ID a tout contenu alors tout le contenu sera sélectionné . Dans Firefox, vous ne voyez pas de curseur, mais si vous tapez après avoir chargé la page, il apparaîtra dans l'élément. Simple example here.