Question

请考虑以下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标签内的跨度。那么任何人都可以解释如果光标（在浏览器中输入此范围时）就在span标记之后，即在结束span标记之后，则退格键不起作用。

更简单一点，一旦光标超出范围，退格键不应再移动它以转到跨度。请在javascript中帮助一个简单的例子。

Answer 1

如果你可以稍微改变你的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;
}

如何在javascript中按退格键时阻止光标返回？

1 个答案: