经验教程

css、js设置不允许复制文本内容

悠悠楠杉

2021-07-28

0 评论

707 阅读

正在检测是否收录...

07/28

css不允许复制文本内容

<style>
    * {
        -moz-user-select: none; /* Firefox私有属性 */
        -webkit-user-select: none; /* WebKit内核私有属性 */
        -ms-user-select: none; /* IE私有属性(IE10及以后) */
        -khtml-user-select: none; /* KHTML内核私有属性 */
        -o-user-select: none; /* Opera私有属性 */
        user-select: none; /* CSS3属性 */
    }
</style>

user-select的默认值是 text，可以选择文本
none：文本不被选择

js不允许复制文本内容

<script>
    // 全局禁止
    document.oncontextmenu = new Function("event.returnValue=false");
    document.onselectstart = new Function("event.returnValue=false");

    // 局部禁止
    $('.box').on('selectstart',function(){
        return false;
    });
    $('.box').on('contextmenu',function(){
        return false;
    });
</script>

经验 js css 禁止复制

朗读