javascript设置网页无法复制

javascript设置网页无法复制的方法:在JavaScript代码中设置禁用右键菜单、复制、选择等操作,禁用Ctrl+c和Ctrl+v快捷键的使用,通过这种方法就可以实现网页无法复制。

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

}


本文参考地址:https://www.html.cn/qa/javascript/11012.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 959评论 0 2
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 758评论 0 1
  • (一)-webkit-tap-highlight-color 想要禁用这个高亮,设置颜色的alpha值为0即可。 ...
    毛线内裤阅读 520评论 0 0
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,692评论 0 7
  • 8:20起床 8:50出门 9:00-11:00城东目标5个 11:30吃午饭 12:30午睡 2:30.出门 3...
    橙子瑜伽加yoga阅读 89评论 0 0

友情链接更多精彩内容