如何使文字不可复制？！ （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％不可复制，您可以随时从公共网站获取内容。