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

Schreibe einen Kommentar