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