javascript实现禁止复制网页内容

159 阅读 0 评论 105 点赞

我是靠谱客的博主魁梧毛巾，最近开发中收集的这篇文章主要介绍javascript实现禁止复制网页内容，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

做个笔记

复制代码代码如下:

// 禁用右键菜单、复制、选择

$(document).bind("contextmenu copy selectstart", function() {

    return false;

});

// 禁用Ctrl+C和Ctrl+V（所有浏览器均支持）

$(document).keydown(function(e) {

    if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) {

        return false;

    }

});

// 设置CSS禁止选择（如果写了下面的CSS则不需要这一段代码，新版浏览器支持）

$(function() {

    $("body").css({

        "-moz-user-select":"none",

        "-webkit-user-select":"none",

        "-ms-user-select":"none",

        "-khtml-user-select":"none",

        "-o-user-select":"none",

        "user-select":"none"

    });

});

防止禁用JavaScript后失效，可以写在CSS中（新版浏览器支持，并逐渐成为标准）：

复制代码代码如下:

body {

    -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属性 */

}

代码很简单，实现的功能却很实用，不过要提示的是，在这个自由的互联网上其实做禁止复制不是件很值得推广的事，大家依情况实用吧。