1

次の html を検討してください。

<div id="container" contenteditable="true">
<p>This is a paragraph <span class="test">'this text is inside the span'</span> 
        This is another paragraph afer the span tag inside this p tag
    </p> </div>

ご覧のとおり、p と span タグはブラウザで編集可能です。つまり、ブラウザで書き込めます。今私の質問は、p タグ内のスパンについてです。だから誰でも説明できますカーソルが（ブラウザでこのスパンを入力しているときに）スパンタグの直後、つまり終了スパンタグの後にある場合、バックスペースキーは機能しません。

もっと簡単に言えば、カーソルがスパンの外に出ると、バックスペースキーでカーソルを再度移動してスパンに移動するべきではありません。JavaScript の簡単な例を教えてください。

4

1 に答える 1

0

DOM を少し変更できる場合は、Javascript なしでこれを行うことができます。

それを参照してくださいFiddle

<div id="container">
    <span  contenteditable="true">This is a paragraph</span>
    <span class="test" contenteditable="true">'this text is inside the span'</span>
    <span contenteditable="true">This is another paragraph afer the span tag inside this tag</span>
</div>

CSS は、異なるスパンを表示するだけです。

.test
{
    background-color: red;
}
于 2013-09-29T09:18:45.147 に答える