javascript - 在 contenteditable 中有不可编辑的内容

Question

我正在开发一个应用程序，在该应用程序中，用户可以从 textarea 获取一些详细信息，同时修复一些详细信息。我想在 contenteditable 中添加不可编辑的内容。我尝试使用可内容编辑的父 div，并且任何需要不可编辑的内容都contenteditable=false放在此容器内的 div 中。

<div contenteditable=true>Editable Content Here
 <div contenteditable=false>Non-editable content goes here</div>Some editable text here
</div>

这种方法有效，但如果用户在不可编辑区域之后立即按退格键或删除键，则 div-contenteditable=false 将被删除。我不想要那种行为。有没有办法解决这种行为？我在想我会检查退格之前的内容，如果它是不可编辑的 div 只是禁用退格的默认行为，但是如何检查光标之前的内容？有没有更有效的方法来做到这一点？

标签： javascripthtml