在contenteditable = true时选择文本将使用样式user-select = none复制节点文本;

Question

遇到了问题。当您打开小提琴时，您将看到一个令人满意的页面。某些节点的样式为user-select = none，当您按ctrl-a选择所有节点时，您将看到所有内容都被选中而没有样式用户选择：none

但如果您使用ctrl-c复制所选文本并打开记事本并将其粘贴，则会在那里插入所有带有user-select = none的文本。

JS Fiddle

Answer 1

您的代码运行良好 Firefox ，但它没有正确运行 Chrome ， Opera ， Safari < /强>

我认为用户选择属性值无对某些浏览器有一些错误。

在不同的浏览器中试用此示例代码，您就会知道。

＆＃13;

＆＃13;

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

＆＃13;

<p>Selectable text1.</p>
<p class="noselect">Unselectable text1.</p>
<p>Selectable text2.</p>
<p class="noselect">Unselectable text2.</p>

＆＃13;

＆＃13;

＆＃13;