css - 你能让 CSS 样式在复制/粘贴时保持不变吗？

Question

是否有可能做到这样，当用户将某些内容复制/粘贴到他们的剪贴板时，它的 CSS 样式会保留下来？

Answer 1

如果您正在谈论 HTML 对象，那么您可以使用提到的这个脚本 here .

此脚本复制 HTML 标记的所有样式并存储它们，以便您以后可以使用它们。

因此在您的情况下，当您以某种方式检测到复制事件时，您可以存储原始对象的样式属性，当用户粘贴时，您可以应用存储的样式。

脚本的原始用法:

var style = $("#original").getStyleObject(); // copy all computed CSS properties
$("#original").clone() // clone the object
    .parent() // select it's parent
    .appendTo() // append the cloned object to the parent, after the original
                // (though this could really be anywhere and ought to be somewhere
                // else to show that the styles aren't just inherited again
    .css(style); // apply cloned styles

---

但也许更简单的方法是在用户复制对象时添加一个类似.copied-tag的类，然后当用户粘贴时，您可以找到.copied-tag 类并应用您要复制的任何样式。

一个例子:

当用户复制时:

$("#copied-object").addClass("copied-tag");

当用户粘贴时:

originalObject = $(".copied-tag").removeClass("copied-tag"); 
newObject      = $(originalObject)
                     .clone()
                     .css("text-shadow", $(originalObject).css("text-shadow"))
                     .css("color",       $(originalObject).css("color"));

$("#container").append(newObject);