时间戳

首页 > 解决方案 > 避免从 HTML 中的部分文本复制以避免不必要的内容？

css - 避免从 HTML 中的部分文本复制以避免不必要的内容？

问题描述

我正在开发一个显示给定问题结果的 html 页面。

我希望人们能够随意复制粘贴，如果他们愿意的话。部分文字虽然没有用。这只是对结果的评论。我想避免该文本被复制。只是为了方便工作，而不是隐藏或保护它。

我在 SO 上看到过其他问题，例如防止在网页中复制文本， 但这些问题更多地集中在保护整页或大面积文本不被复制。我只想避免可复制的 html 中的一小部分。

如何从 html 页面中的文本中实现干净的复制粘贴，避免不必要的内容？

标签： csscross-browsercopy-paste

解决方案

您可以使用伪元素来显示我们无法复制/粘贴的内容：

div::after {
  content:attr(data-comments);
}
<div data-comments="comments that cannot copy paste">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac nibh vitae ex posuere rhoncus. Fusce in egestas ex. Etiam tincidunt lacus sit amet lorem rutrum mollis ac pellentesque ligula.
</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac nibh vitae ex posuere rhoncus.
</div>

推荐阅读