页面小技巧（禁止copy）

隔壁老陈

发布于 2023-03-09 18:15:19

6600

发布于 2023-03-09 18:15:19

文章被收录于专栏：老陈笔记

在复制粘贴的大时代里，有些人不想自己的代码被copy走，怎么办呢? 我来分享一下有效防止复制的方法。

在css里

如下：

* {

-webkit-touch-callout:none;/*系统默认菜单被禁用*/

-webkit-user-select:none;/*webkit浏览器*/

-khtml-user-select:none;/*早起浏览器*/

-moz-user-select:none;/*火狐浏览器*/

-ms-user-select:none;/*IE浏览器*/

user-select:none;/*用户是否能够选中文本*/

}

在JavaScript里

如下：

 window.onload = function(){
    //屏蔽键盘事件
  document.onkeydown = function (){
        var e = window.event || arguments[0];
            //F12
           if(e.keyCode == 123){
                 return false;
              //Ctrl+Shift+I
             }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                 return false;
                //Shift+F10
               }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
               //Ctrl+U
                 }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
             };
             //屏蔽鼠标右键
             document.oncontextmenu = function (){
                return false;
             }
         }

个人例子

打开如下链接，F12调式，把写有屏蔽的注释解掉就可以屏蔽了，不过我个人喜好开源分享，所写的都不会屏蔽，如有用到，麻烦留言一下，谢谢。

老陈壁纸

随机展示高清壁纸，支持全屏播放

- img: http://lc-mZA3vSqM.cn-e1.lcfile.com/9rcjemoywTJwwyYhXy4dE8UuW7yPs3We/pl.jpg
  link: http://www.weblearn.fit/AAA/wallpaper/
  name: 老陈壁纸
  desc: 随机展示高清壁纸，支持全屏播放

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-02-250，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript