• 禁用页面中的复制功能


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

    可以试一下效果。

  • 相关阅读:
    python基础2
    python基础1
    25 CSS3盒子模型
    24 CSS3新增选择器
    23 html5新特性
    22 css初始化
    21 布局技巧
    20 溢出的文字显示省略号
    19 vertical-align 属性应用
    18 CSS三角 用户界面样式
  • 原文地址:https://www.cnblogs.com/bfc0517/p/7493876.html
Copyright © 2020-2023  润新知