Javascript 使用属性为role=textbox且contenteditable=true的范围时，如果复制粘贴其中的文本，则无法正常工作

考虑跨度：

<span class="comment-box2" role="textbox" contentEditable=true></span>

当我从站点复制纯文本并粘贴到带有role=textbox的span中时，即上面的span。当通过inspect元素查看时，它会在其内部创建另一个跨度。以下代码行被视为内部跨度：

<span jsname="YS01Ge" style="color: rgb(32, 33, 36); font-family: arial, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">Foot on the pedal never ever false metal</span>

脚踩在踏板上永远不要踩假金属

这里的“脚踏板永不假金属”是我从网站复制的文本。如何防止创建跨距及其所有属性，并仅使用role=“textbox”将复制的纯文本粘贴到跨距上

---

如果只是在span内键入纯文本，一切正常，不会生成span。粘贴文本时，会生成上面的span，并在其后面生成白色背景，我将尝试删除该背景。

从其他网站/应用程序复制文本时，也会复制与字体相关的样式。如果这些样式不匹配，将创建一个新的跨度以适应新样式。在许多其他应用程序中也会发生同样的情况，例如Excel、Word、Google sheet等。

如果要复制的内容包含一个范围，则该范围将包含在“内容可编辑”元素中。剪贴板的工作方式取决于复制内容的应用程序和粘贴内容的应用程序。从浏览器复制时，选定的HTML元素将以纯文本形式在其中复制。在浏览器中粘贴时，浏览器会根据粘贴目标元素选择合适的内容。为什么您认为这与跨距的属性有关？不，样式不会按原样复制，您无法将已设置样式的文本粘贴到（真实）文本编辑器。标签被复制并粘贴到内容可编辑项，而textarea元素或real text editor将使用保存的纯文本。样式被复制，但文本编辑器不接受它们…如果将其复制到同一平台（即Web），则会看到相同的样式。样式可能以RTF格式复制，但内容可编辑元素不会粘贴到RTF中。当剪贴板上有标签或纯文本时，文本编辑器不知道要粘贴什么。复制的信息以多种格式保存到剪贴板，确切的格式取决于应用程序，例如Excel复制选定区域，即使是PNG图像，也可以将其直接粘贴到像素图形应用程序。从剪贴板读取的应用程序（执行粘贴）选择适合上下文的格式，实际粘贴的内容因上下文和剪贴板上提供的格式而异。感谢您的澄清。你的回答对我很有帮助。

<span jsname="YS01Ge" style="color: rgb(32, 33, 36); font-family: arial, sans-serif; font-size: 14px; background-color: rgb(255, 255, 255);">Foot on the pedal never ever false metal</span>