javascript实现禁止复制网页内容


本文向大家介绍javascript实现禁止复制网页内容,包括了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属性 */

}

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