发现有的网站不能使用复制功能,研究了一下发现这是CSS中的一个属性 ——> user-select
HTML代码
<div class="select">
<p>三五七言 / 秋风词
</p>
<p>作者:李白
</p>
<p>秋风清,秋月明,
</p>
<p>落叶聚还散,寒鸦栖复惊。
</p>
<p>相思相见知何日?此时此夜难为情!
</p>
<p>入我相思门,知我相思苦,
</p>
<p>长相思兮长相忆,短相思兮无穷极,
</p>
<p>早知如此绊人心,何如当初莫相识。
</p>
</div>
CSS代码
禁止在页面复制
html,body {
-webkit-user-select:
none;
-moz-user-select:
none;
user-select:
none;
}
当然,也可以指定某部分或者某段落进行禁用
.select {
-webkit-user-select:
none;
-moz-user-select:
none;
user-select:
none;
}
可以试一下效果。
转载于:https://www.cnblogs.com/bfc0517/p/7493876.html