如何使文本不可复制？ （Laravel）

Question

用户输入文本，它将在视图中显示。我想确保没有人可以复制文本。有办法吗？

Answer 1

如果显示文本，则无法真正使文本不可复制。您可以使它有点困难。

document.addEventListener('contextmenu', event => event.preventDefault());

.donottouch {
  user-select: none;
}

<div class="donottouch">
text
</div>

<img src="http://www.placekitten.com/200/300" width="200px" height="300px"/>

如果您真的想加倍努力，请将文本另存为图片，然后将其添加到页面中。然后，您将无法通过检查html复制内容。要使其更难一点，您可以使用document.addEventListener('contextmenu', event => event.preventDefault());禁用页面上的右键单击，从而使右键单击图像并另存为更加困难。您仍然可以从html源中获取图像，然后在新窗口中打开它。 因此，总而言之，无法使您网站上的内容100％不可复制，您始终可以从公共网站上获取内容。