禁用页面中的复制功能
发现有的网站不能使用复制功能,研究了一下发现这是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; }
可以试一下效果。