html内容无法复制，将页面内容设置为无法复制的属性，前端把网站内容设置成无法复制的状态，CSS禁止文字选择user-select属性，设置文本内容为只读状态

在开发中我们经常会遇到一个需求，就是页面内容有的是只读状态，有的是可复制状态，这个在页面中也经常遇到，比如有的网站文字是可以直接复制的，而有的需要开通服务才可以复制，这个其实就是用到了css的user-select属性，这个实现起来其实很简单，看下代码：

body {
  user-select: none; // 文字不能被选中，无法复制
}

加了上面一串代码后，我们的body里面的所有内容将无法被复制，接下来详细看看user-select的其他属性

文章部分内容摘至：https://blog.csdn.net/weixin_43825473/article/details/103854771