你可以在需要防止复制的内容上覆盖一个透明的 div
元素,这样用户就无法直接选中内容进行复制。以下是一个示例:
html
<div class="prevent-copy">
<!-- 需要防止复制的内容 -->
</div>
css
注意要使用::after,使用::before的话,长按是吊起菜单,虽然只能复制前两个文字,但为了更完美还是使用::after吧
.prevent-copy {
position: relative;
}
.prevent-copy::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 9999;
}