return-Fokus, um contenteditable nach execCommand?
Habe ich folgende code demonstriert contenteditable-Eigenschaft und eine Schaltfläche, wird inject Fett gedruckten text in den Absatz mit contenteditable Bereich. Meine Frage ist, wie die Rückkehr der Fokus zu, wo ich aufgehört habe nach einem Klick auf die Fett, wenn Sie markieren Sie text, und klicken Sie auf Fett, es wird Fett diesen text, aber der Fokus wird nicht mehr da sein. Dasselbe geschieht, wenn Sie nichts auswählen und klicken Sie auf Fett, der Fokus wird Weg sein und wenn Sie auf, wo Sie aufgehört haben wieder, Sie können geben Sie mutige Texte.
Danken Ihnen sehr für Ihre Hilfe!
<head>
<style type="text/css">
#container{
width:500;
}
.handle{
float:left;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#bold').click(function (){
document.execCommand('bold', false, true);
});
});
</script>
</head>
<button id="bold">Bold</button>
<div id="container">
<div class="c"><p contenteditable>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p></div>
<div class="c"><p contenteditable>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p></div>
</div>
InformationsquelleAutor der Frage FurtiveFelon | 2009-08-22
Du musst angemeldet sein, um einen Kommentar abzugeben.
DIE SIE VERWENDEN SOLLTEN .Inhaltsverzeichnis()
InformationsquelleAutor der Antwort fukid
Können Sie einfach die jQuery .Fokus () - Funktion zu konzentrieren. Sollte dies funktionieren:
Diese nur verfolgt, der derzeit Bearbeiten-Feld jedes mal, wenn es fokussiert ist, durch den Benutzer, und wenn Sie den Fett-button angeklickt wird, der Fokus wieder auf das Feld.
InformationsquelleAutor der Antwort devongovett
HTML:
JavaScript:
Beziehen kann Ihnen helfen:
https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla
InformationsquelleAutor der Antwort
Möchten Sie vielleicht zu speichern, die zuletzt angeklickten Element in einer variable, und rufen Sie dann .focus() auf es nach die .execCommand ausgeführt wurde.
So etwas, glaube ich:
Diese Weise können Sie auch entfernen Sie die
"contenteditable"
- Attribut im markup...HTH
InformationsquelleAutor der Antwort ALFABreezE
Wenn Sie sich in einem iframe, anrufen focus() auf die Standard-Ansicht.
InformationsquelleAutor der Antwort Adam Pierce