首页 > 其他 > 详细

禁用页面中的复制功能

时间:2017-09-08 12:55:26      阅读:221      评论:0      收藏:0      [点我收藏+]

发现有的网站不能使用复制功能,研究了一下发现这是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;
    }

 

可以试一下效果。

禁用页面中的复制功能

原文:http://www.cnblogs.com/bfc0517/p/7493876.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!