Platzhalter in contenteditable - Fokus-Event-Problem

Ich habe versucht, diese Fragen vor, ohne Glück zu erklären/beweisen, dass es ein Beispiel wo der Fehler passiert. So, hier ist ein Versuch:

Ich versuche zu replizieren, die ein Platzhalter-Effekt auf eine contenteditable DIV. Das Konzept ist im Kern einfach:

<div contenteditable><em>Edit me</em></div>

<script>
$('div').focus(function() {
    $(this).empty();
});
</script>

Diese können sometomes Arbeit, aber wenn die Platzhalter-HTML enthält, oder wenn es eine andere Bearbeitung gemacht, die editierbaren DIV-text-caret-Zeichen wird entfernt, und der Benutzer muss klicken Sie erneut auf die editierbaren DIV zu können, beginnen Sie mit der Eingabe (auch wenn es sich noch im Fokus):

Beispiel: http://jsfiddle.net/hHLXr/6/

Kann ich nicht verwenden, eine Fokus-trigger in der hf, da wird es erstellen Sie eine event-Schleife. Also ich brauche einen Weg, um re-setzen Sie die Einfügemarke cursor in den bearbeitbaren DIV, oder in irgendeiner anderen Art und Weise neu zu konzentrieren.

InformationsquelleAutor der Frage David | 2012-02-01

Schreibe einen Kommentar