在开发中我们经常会遇到一个需求，就是页面内容有的是只读状态，有的是可复制状态，这个在页面中也经常遇到，比如有的网站文字是可以直接复制的，而有的需要开通服务才可以复制，这个其实就是用到了css的user-select属性，这个实现起来其实很简单，看下代码：
body {
user-select: none; // 文字不能被选中，无法复制
}
加了上面一串代码后，我们的body里面的所有内容将无法被复制，接下来详细看看user-select的其他属性
文章部分内容摘至：https://blog.csdn.net/weixin_43825473/article/details/103854771