JS小练-防止HTML网页被修改调试、鼠标右键、复制等操作

Author： Anleeno
发布时间：July 22, 2020
5340 views
15 comments
1408 words
Categories：前端

> 尊重原创，才会有更多的原创。

有时候一些人不经作者同意就拿走别人的文章或者代码，让作者心里很不是滋味，所以我查阅了一些Windows的键码来禁止一些快捷键和鼠标操作，让文章在一般情况下只能浏览而不能进行复制和网页调试等操作。某种意义上对文章进行了保护（无奈.jpg (/ω＼)），但依然没啥卵用。

主要就是用JQuery的ready()方法在文档加载后激活函数（当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件），实现一些特定功能。本文主要使用了其中的oncntextmenu（在元素中用户右击鼠标时触发并打开上下文菜单）、onselectstart（在文本框中的文本被选中时发生）、oncopy（在用户拷贝元素上的内容时触发）、onkeydown（在用户按下一个键盘按键时发生）事件。

下面是具体实现的JS代码：

```javascript
<script type="text/javascript">
    $(document).ready(function () {
      document.oncontextmenu = function () {
        return false;
      }
      document.onselectstart = function () {
        return false;
      }
      document.oncopy = function () {
        return false;
      }
      document.onkeydown = function () {
        //f12
        if (window.event && window.event.keyCode == 123) {
          event.keyCode = 0;
          event.returnValue = false;
          return false;
        }
        //ctrl+u
        if (event.ctrlKey && window.event.keyCode == 85) {
          return false;
        }
        //ctrl+shift+i
        if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) {
          return false;
        }
        // Ctrl+S
        else if ((event.ctrlKey) && (event.keyCode == 83)) {
          return false;
        }
      };

});
  </script>
```

当然这个只是需要dom文档加载完毕才行，如果要破解，只有趁网页不注意，或者使用浏览器工具，真正要避免是不可能的，哪怕加密混淆，网站暴露出来就是被看的，只要浏览器能解析，人就能<img src="https://www.anleenoxu.top/usr/themes/handsome/assets/img/emotion/twemoji/smilecry.png" class="emotion-twemoji"> 。

Last modification：November 4, 2020

喜欢就加个鸡腿吧！

15 comments

MuYu
2020年11月4日 14:15

你好检测打开开发者调试进行跳转代码是怎么写的哦！(๑•̀ㅁ•́ฅ)

Reply
1. Anleeno
  2020年11月4日 15:04
  
  @MuYu
  
  var element = new Image();
  Object.defineProperty(element, 'id', { get: function() { window.location.href = "网址"; } });
  不过用处不大。
  
  Reply
  1. MuYu
    2020年11月4日 16:27
    
    @Anleeno
    
    不好意思，在问个弱鸡的问题。
    咳咳这段是添加在你上面的代码里么，还是例外添加到？
    
    Reply
    
    Anleeno
    2020年11月4日 16:43
    
    @MuYu
    
    最好用script包起来，比较好区分
    
    Reply
    
    MuYu
    2020年11月4日 18:36
    
    @Anleeno
    
    感谢啦
    
    Reply
winer
2020年10月15日 07:50

该评论仅登录用户及评论双方可见

Reply
1. Anleeno
  2020年10月15日 08:26
  
  @winer
  
  其实好像检测到调试窗口跳转更有用|´・ω・)ノ，我的音乐界面就是用的跳转。
  
  Reply
2. Anleeno
  2020年10月15日 07:58
  
  @winer
  
  这是肯定的，专业的人你防不住的，防一下小白而已，基本上常用的按键组合和调试窗口都禁了。
  
  Reply
张牙舞爪
2020年8月19日 19:05

该评论仅登录用户及评论双方可见

Reply
1. anleeno
  2020年8月19日 19:35
  
  @张牙舞爪
  
  现在呢，我加了一段代码，不知道行不行。
  
  Reply
2. anleeno
  2020年8月19日 19:10
  
  @张牙舞爪
  
  嗯，所以我在文中也指出来了╮(╯▽╰)╭
  
  Reply
  1. 张牙舞爪
    2020年8月19日 19:45
    
    @anleeno
    
    该评论仅登录用户及评论双方可见
    
    Reply
    
    anleeno
    2020年8月19日 19:47
    
    @张牙舞爪
    
    这是没办法的，网站暴露出来就是看的嘛
    
    Reply
anleeno
2020年7月24日 15:52

oncopy事件建议注释掉，不然会和代码复制功能冲突，导致不能复制元素内容，onselectstart其实已经限制鼠标选择复制了。

Reply
anleeno
2020年7月22日 16:25

没人我自己来吧！୧(๑•̀⌄•́๑)૭

Reply