Question

我对一个令人讨厌的div烦人行为有一些问题。我内部有一些元素，让我们说代码看起来像这样：

<div contenteditable="true">
    <p id="element-id-1">element-id-1</p>
    <p id="element-id-2">element-id-2</p>
</div>

除了一件事之外，所有工作都按预期进行 - 当我三次点击第一段以选择并删除它（使用删除或退格）时，第二段内容会跳过＆＃39;到位，但保留第一段ID。有没有办法防止这种情况，所以在我三次点击第一段并将其删除后，第二段仍然使用相同的ID（＃element-id-2）？ JSFiddle在这里描述了功能：https://jsfiddle.net/t8e28bmx/谢谢！

Answer 1

试试这段代码。

<div contenteditable="plaintext-only">
  <p id="element-id-1">element-id-1</p>
  <p id="element-id-2">element-id-2</p>
</div>

参考：https://w3c.github.io/editing/contentEditable.html#h-contenteditable

Answer 2

<div>
<p contenteditable="true" id="element-id-1">element-id-1</p>
<p contenteditable="true" id="element-id-2">element-id-2</p>
</div>

可修改的元素在修改后更改ID

2 个答案: