<template>
<div class="editable-box w-100" contenteditable="true">
<span contenteditable="false"> @小明 </span>
<span contenteditable="false"> @小红 </span>
<span contenteditable="false"> @小东 </span>
<span contenteditable="false"> @小黄 </span>
</div>
</template>
2***@qq.com
- 发布：2024-05-11 18:31
- 更新：2024-05-11 18:31
- 阅读：100
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window11
HBuilderX类型： 正式
HBuilderX版本号： 4.16
浏览器平台： Chrome
浏览器版本： 123.0.6312.86
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<div class="editable-box w-100" contenteditable="true">
<span contenteditable="false"> @小明 </span>
<span contenteditable="false"> @小红 </span>
<span contenteditable="false"> @小东 </span>
<span contenteditable="false"> @小黄 </span>
</div>
</template>
<template>
<div class="editable-box w-100" contenteditable="true">
<span contenteditable="false"> @小明 </span>
<span contenteditable="false"> @小红 </span>
<span contenteditable="false"> @小东 </span>
<span contenteditable="false"> @小黄 </span>
</div>
</template>
预期结果：
可编辑的情况下，删除子元素时，一个一个删除。
可编辑的情况下，删除子元素时，一个一个删除。
实际结果：
连续的子元素一次性被删除完毕
连续的子元素一次性被删除完毕
bug描述：
代码描述：div设置contenteditable为true在可编辑的情况下，连续的多个子元素设置为contenteditable为false。
bug描述：期望连续的多个子元素一个一个删除，但是实际情况是所有的子元素被一次性删除了
