DOM满足选择父节点

Question

我有以下代码：

<span class="outside">
    <span class="before">...</span>
    <span class="edit" contenteditable="true" autocomplete="off"
    autocorrect="off" autocapitalize="off" spellcheck="false">TEXT</span>
    <span class="after">...</span>
</span>
<style>
    .outside {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    }
</style>

问题是，如果我在＆＃34;编辑＆＃34;中选择整个文本。 span，如在Ctrl + A，Ctrl + X，Ctrl + V中，然后将结果粘贴到＆＃34;编辑＆＃34;跨度将是：

<span class="outside">
    <span class="edit" contenteditable="true" autocomplete="off"
    autocorrect="off" autocapitalize="off" spellcheck="false">TEXT
    </span>
</span>

而不仅仅是textnode＆＃34; TEXT＆＃34;。我认为这种风格会阻止父母被选中，但似乎被忽略了。顺便说一下，如果我只选择＆＃34;编辑＆＃34;的部分内容。 span，同样的问题出现，仅适用于复制和粘贴的部分。在这里描述它太复杂了，但我想你明白我的意思。如何阻止选择父节点？实际上＆＃34;编辑＆＃34;也不应该选择节点本身。只有文字。