CSS的一个常见应用是美化网站的样式,我们可以使用CSS实现许多惊人的效果。其中一项对于保护文字内容非常有用的功能是防止复制。使用CSS实现防止复制功能可以避免别人盗用你的网站内容,进而对你带来经济损失。
如何实现不能复制呢?原理很简单,只需要让文字不能被选中即可。这里我们用CSS的user-select属性来实现该功能。设置user-select为none即可,代码如下:
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
以上代码含义是:禁止在Chrome、Firefox、IE和其他浏览器上选择任何文本。即用户无法用鼠标或键盘选择或复制文本。
需要注意的是,这种方法只是一种非常简单的措施,能够防止一般用户复制网站内的文本内容。但对于高级用户来说,禁止文本选择是很容易绕过的。例如,在Firefox的Dev Tools中,可以很轻易地把user-select更改为auto,从而使网站内的内容重新变为可以被复制的状态。因此,如果你需要真正保护你的网站内容,需要更加严格的安全措施。