js & disabled mouse right button menus

网页可以屏蔽 F12

https://www.cnblogs.com/Marydon20170307/p/9122379.html

view-source:https://www.cnblogs.com/Marydon20170307/p/9122379.html

https://blog-static.cnblogs.com/files/Marydon20170307/include.min.js

https://blog-static.cnblogs.com/files/Marydon20170307/conclusion.min.js

clear selection


  2.         var object = this;
  3.         this.clearSelect = ("getSelection" in window)
  4.         ? function () {
  5.             window.getSelection().removeAllRanges();
  6.         }
  7.         : function () {
  8.             document.selection.empty();
  9.         };

debugger

debugger

https://blog-static.cnblogs.com/files/Marydon20170307/ForbiddenDebug.min.js

full version


  2. "use strict";
  4. /**
  5.  *
  6.  * @author xgqfrms
  7.  * @license MIT
  8.  * @copyright xgqfrms
  9.  * @created 2018.11.30
  10.  * @modified 2018.11.30
  11.  *
  12.  * @description jquery & forbidden right `Ctrl` button
  13.  * @augments
  14.  * @example
  15.  *
  16.  */
  18. const Generator = (datas = [], debug = false) => {
  19.     let result = ``;
  20.     // do something...
  21.     return result;
  22. };
  24. export default ;
  26. export {
  27.     ,
  28. };
  30. var $get = function (id) {
  31.     return document.getElementById(id);
  32. };
  33. var payToMe_5yuan = "https://files.cnblogs.com/files/Marydon20170307/payToMe_5yuan.bmp";
  34. var payToMe_8yuan = "https://files.cnblogs.com/files/Marydon20170307/payToMe_8yuan.bmp";
  35. var payToMe_18yuan = "https://files.cnblogs.com/files/Marydon20170307/payToMe_18yuan.bmp";
  36. var payToMe_28yuan = "https://files.cnblogs.com/files/Marydon20170307/payToMe_28yuan.bmp";
  38. function CreatePageElement() {
  39.     var object = this;
  40.     this.createForbiddenCopyTipElement = function () {
  41.         var forbiddenCopyTipContainer = `
  42.             <div id="dotCopyTip" style="position: fixed;">
  43.                 <div id="dct_children1">
  44.                     <div id="dct_children1_textTip">
  45.                         <span style="color:#FFF;">sorry，本博客所有代码禁止复制，原创代码需扫码支付方可获取！<span>
  46.                     </div>
  47.                     <a id="dct_children1_closeBtn" onclick="javascript:$(\'#dotCopyTip\').hide(); $(\'#maskCtrl\').hide();" href="javascript:;" title="关闭">关闭</a>
  48.                 </div>
  49.                 <div id="dct_children2">
  50.                     <p>
  51.                         1、先加好友再付费，
  52.                         <a href="#article_head" id="dct_children2_click1" onclick="javascript:$(\'#dotCopyTip\').hide();$(\'#maskCtrl\').hide();">点我</a>
  53.                         加好友
  54.                     </p>
  55.                     <p>
  56.                         2、代码不能满足你的需求？加好友付费定制你的专属代码！
  57.                     </p>
  58.                     <p>
  59.                         3、付费标准及方式，
  60.                         <a href="javascript:;" id="dct_children2_click2" onclick="javascript:cpe.payButtonClick(\'pay\');">点我</a>
  61.                         查看详情
  62.                     </p>
  63.                 </div>
  64.             </div>
  65.         `;
  66.         return forbiddenCopyTipContainer;
  67.     };
  68.     this.createPayElement = function () {
  69.         var payContainer = `
  70.             <div id="knowledgePay" style="position: fixed; left: 32%; bottom: 27%; width: 533px; height: 337px; text-align: center; background: #FAFAFF; z-index: 99999; border: solid 1px #a9a9a9; display: none;">
  71.                 <div class="title">
  72.                     <div>请扫描以下二维码支付打赏</div>
  73.                     <a onclick="$(\'#knowledgePay\').hide();$(\'#maskCtrl\').hide();"onmouseover="this.style.backgroundColor=\'#DF0029\';"onmouseout="this.style.backgroundColor=\'\'" href="javascript:;"title="关闭"></a>
  74.                 </div>
  75.                 <div>
  76.                     <div>
  77.                         <select id="payType" style="display:none;pointer:cursor;" onchange="cpe.switchPayImg(this.value);">
  78.                             <option value="0">请选择支付类型</option>
  79.                             <option value="1">片断源码+技术支持</option>
  80.                             <option value="2">项目源码+技术支持</option>
  81.                             <option value="3">私人定制代码服务</option>
  82.                         </select>
  83.                     </div>
  84.                     <img id="payImg" src="" alt="支持原创" />
  85.                 </div>
  86.             </div>
  87.         `
  88.         return payContainer;
  89.     };
  90.     this.createDonateElement = function () {
  91.         var aTag = `
  92.             |<a href="javascript:;" onclick="cpe.payButtonClick(\'bottom\');" style="color:#7fff00;">捐赠</a>
  93.         `;
  94.         return aTag;
  95.     };
  96.     this.payButtonClick = function (param) {
  97.         if ('pay' == param) {
  98.             $('#dotCopyTip').hide();
  99.             $('#knowledgePay').show();
  100.             $('#payType').show();
  101.             $('#maskCtrl').show();
  102.             var payType = $get('payType').value;
  103.             if (0 == payType) {
  104.                 $get('payImg').src = '';
  105.             }
  106.         } else if ('bottom' == param) {
  107.             $('#dotCopyTip').hide();
  108.             $('#maskCtrl').show();
  109.             $('#knowledgePay').css('display', 'block');
  110.             $('#payType').hide();
  111.             $get('payImg').src = payToMe_5yuan;
  112.         }
  113.     };
  114.     this.switchPayImg = function (num) {
  115.         if (1 == num) {
  116.             $get('payImg').src = payToMe_8yuan;
  117.         } else if (2 == num) {
  118.             $get('payImg').src = payToMe_18yuan;
  119.         } else if (3 == num) {
  120.             $get('payImg').src = payToMe_28yuan;
  121.         }
  122.     };
  123.     this.createPayButtonElement = function () {
  124.         var aTag = document.createElement('a');
  125.         var cssText = "color:#FFF;padding:4px 10px 4px 8px;border-color:#f57e42;text-decoration:none;background-color:#f57e42;border-radius:9px;display:inline-block;text-align:center;vertical-align:middle;font-size:12px;line-height:1.5;"; aTag.style.cssText = cssText;
  126.         aTag.onmouseover = "this.style.textDecoration='none';this.style.color='#666';";
  127.         aTag.onmouseout = "this.style.color='#FFF';";
  128.         aTag.href = "javascript:cpe.payButtonClick('bottom');";
  129.         aTag.innerHTML = " ¥ 我要打赏 ";
  130.         return aTag;
  131.     };
  132.     this.createHelpLikeTextElement = function () {
  133.         var spanTag = document.createElement('span');
  134.         spanTag.innerHTML = "对你有帮助？请帮忙点赞！";
  135.         return spanTag;
  136.     };
  137.     this.createSubscribeCommentElement = function () {
  138.         var subscribeComment = `
  139.             <a id="commentbox_opt_sub" href="javascript:void(0);" title="订阅后有新评论时会邮件通知您" onclick="commentManager.Subscribe();">订阅评论</a>
  140.         `;
  141.         return subscribeComment;
  142.     };
  143.     this.createMaskElement = function () {
  144.         var payTipMaskContainer = `
  145.             <div id="maskCtrl" style="position:fixed;z-index:99997;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;"></div>
  146.         `;
  147.         return payTipMaskContainer;
  148.     };
  149.     this.createStatisticsElement = function () {
  150.         var aTag = `
  151.             |<a href="https://www.51.la/?19366069" target="_blank" style="color:#7fff00;">站长统计</a>
  152.         `;
  153.         return aTag;
  154.     };
  155.     this.createViewsElement = function () {
  156.         var divTag = `
  157.             <div id="ajiang_51la"><script type="text/javascript" src="//quote.users.51.la/?id=19366069&mb=3"></script></div>
  158.         `;
  159.         return divTag;
  160.     }
  161. }
  163. function PageOperationCtrl() {
  164.     var object = this;
  165.     this.clearSelect = ("getSelection" in window)
  166.     ? function () {
  167.         window.getSelection().removeAllRanges();
  168.     }
  169.     : function () {
  170.         document.selection.empty();
  171.     };
  172.     this.accessLimit = function () {
  173.         document.oncontextmenu = function () {
  174.             window.event.returnValue = false;
  175.             return false;
  176.         };
  177.         document.ondragstart = document.onselectstart = function () {
  178.             try {
  179.                 $('.cnblogs_code').on({
  180.                     selectstart: function () {
  181.                         $('#dotCopyTip').show();
  182.                         $('#maskCtrl').show();
  183.                         return false;
  184.                     },
  185.                     dragstart: function () {
  186.                         $('#dotCopyTip').show();
  187.                         $('#maskCtrl').show();
  188.                         return false;
  189.                     },
  190.                 })
  191.                 .css('cursor', 'pointer');
  192.                 $('.container').on({
  193.                     selectstart: function () {
  194.                         $('#dotCopyTip').show();
  195.                         $('#maskCtrl').show();
  196.                         window.event.returnValue = false;
  197.                         return false;
  198.                     },
  199.                     dragstart: function () {
  200.                         $('#dotCopyTip').show(); $('#maskCtrl').show();
  201.                         window.event.returnValue = false;
  202.                         return false;
  203.                     },
  204.                 });
  205.             } catch (e) {
  206.                 //
  207.             };
  208.             window.event.returnValue = false;
  209.             return false;
  210.         };
  211.         document.documentElement.onkeydown = function (e) {
  212.             let currKey = 0;
  213.             let evt = e || window.event;
  214.             currKey = evt.keyCode || evt.which || evt.charCode;
  215.             if (currKey == 123) {
  216.                 $('#dotCopyTip').show();
  217.                 $('#maskCtrl').show();
  218.             }
  219.             window.event.cancelBubble = true;
  220.             window.event.returnValue = false;
  221.             return false;
  222.         };
  223.         document.oncopy = document.oncut = document.onpaste = function (e) {
  224.             window.event.returnValue = false;
  225.             return false;
  226.         }
  227.     }
  228. }
  230. function bbbbb() {
  231.     this.scrollLoad = function (imgId, imgSrc, distance, title) {
  232.         var img_source = $('#' + imgId).attr('src');
  233.         if ("" == img_source) {
  234.             var documentClientHeight = document.documentElement.clientHeight || window.innerHeight;
  235.             var imgOffsetTop = $('#' + imgId)[0].offsetTop;
  236.             if (imgOffsetTop < documentClientHeight) {
  237.                 $('#' + imgId)[0].src = imgSrc;
  238.                 $('#' + imgId)[0].title = title;
  239.                 $('#' + imgId)[0].alt = title;
  240.                 return;
  241.             }
  242.             var max_imgClientTop = $('#' + imgId)[0].getBoundingClientRect().top;
  243.             max_imgClientTop = parseInt(max_imgClientTop);
  244.             var max_imgClientDistance = max_imgClientTop - documentClientHeight;
  245.             distance = ((distance || 0) > max_imgClientDistance) ? max_imgClientDistance : distance;
  246.             if (distance == max_imgClientDistance) {
  247.                 $('#' + imgId)[0].src = imgSrc;
  248.                 $('#' + imgId)[0].title = title;
  249.                 $('#' + imgId)[0].alt = title;
  250.                 return ;
  251.             }
  252.             $(document).scroll(function () {
  253.                 var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
  254.                 var imgClientTop = $('#' + imgId)[0].getBoundingClientRect().top;
  255.                 var clientHeight = documentClientHeight - imgClientTop;
  256.                 if (-clientHeight <= distance || documentClientHeight >= imgClientTop) {
  257.                     $('#' + imgId)[0].src = imgSrc;
  258.                     $('#' + imgId)[0].title = title;
  259.                     $('#' + imgId)[0].alt = title;
  260.                 }
  261.             })
  262.         }
  263.     };
  264.     this.clickLoad = function (clickId, imgId, imgSrc) {
  265.         var img_source = $('#' + imgId).attr('src');
  266.         if ("" == img_source) {
  267.             $('#' + clickId).click(function () {
  268.                 $('#' + imgId)[0].src = imgSrc;
  269.             });
  270.         }
  271.     };
  272. }
  274. function PageScrollCtrl() {
  275.     var heighss = 1300;
  276.     var firstStep = true;
  277.     var secStep = true;
  278.     var isIE = !!window.ActiveXObject;
  279.     var isIE8 = isIE && !!document.documentMode;
  280.     $(window).load(function () {
  281.         $.scrollUp(); $("#scrollUp").text("");
  282.         $("#scrollUp").attr("title", "回到顶部")
  283.     });
  284.     $(window).scroll(function () {
  285.         var $sbm = $("#sideBarMain");
  286.         var $sbar = $("#sideBar");
  287.         var $navc = $("#navigator");
  288.         var navH = $navc.offset().top;
  289.         var scroH = $(this).scrollTop();
  290.         if (scroH >= navH) {
  291.             if (firstStep) {
  292.                 firstStep = false;
  293.                 $navc.css({ "top": 0, "left": 0, "z-index": "1000" });
  294.                 $navc.addClass("boxshadow");
  295.             }
  296.             if (!isIE8 && scroH > heighss && secStep && $sbm.width() > 2) {
  297.                 secStep = false;
  298.             }
  299.             if (isIE8 && scroH > heighss && secStep && $sbm.width() > 2) {
  300.                 secStep = false;
  301.             }
  302.         } else if (scroH < navH) {
  303.             if (!firstStep) {
  304.                 firstStep = true;
  305.                 $navc.css({ "margin": "0 auto" });
  306.                 $navc.removeClass("boxshadow");
  307.             }
  308.             if (!isIE8 && scroH < heighss && (!secStep) && $sbm.width() < 3) {
  309.                 secStep = true;
  310.                 $sbar.show();
  311.             }
  312.             if (isIE8 && scroH < heighss && (!secStep) && $sbm.width() < 3) {
  313.                 secStep = true;
  314.             }
  315.         }
  316.     });
  317. }
  319. // test
  321. function ForbiddenDebug() {
  322.     var object = this;
  323.     this.isDebug = function () {
  324.         var timeLimit = 50;
  325.         var startTime = new Date();
  326.         debugger;
  327.         var endTime = new Date();
  328.         if (endTime - startTime > timeLimit) {
  329.             $('#topics').remove();
  330.             alert('\u68c0\u6d4b\u5230\u975e\u6cd5\u8c03\u8bd5\uff0c\u5373\u5c06\u5237\u65b0\u754c\u9762\uff01');
  331.             // 检测到非法调试，即将刷新界面！
  332.             window.location.reload();
  333.         }
  334.     };
  335.     this.consoleListener = function () {
  336.         setInterval(object.isDebug, 500);
  337.     }
  338. }
  340. var cpe=new CreatePageElement();
  341. var poc = new PageOperationCtrl();
  342. var ill = new bbbbb();

css3 & user-select

Chrome debug solution

  1. blank page & F12
  2. select DOM
  3. remove css
  4. remove Events

js & disabled mouse right button menus的更多相关文章

  1. js & listen mouse click

    js & listen mouse click how to listen mouse click in js https://www.kirupa.com/html5/mouse_event ...

  2. js & disabled right click & disabled right menu

    js & disabled right click (() => { const log = console.log; log(`disabled copy`); document.bo ...

  3. Bootstrap的js插件之按钮(button)

    1)属性: data-loading-text="载入中..."--使button呈现载入状态: data-toggle="button"--使按钮可以切换状态 ...

  4. js中submit和button的区别

    今天写一个js验证 遇到点小坑 记录一下 button-普通按钮,submit-提交按钮. submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和bu ...

  5. js点击按钮button效果（波效果）

    Material Design风格纯js按钮点击波特效 演示效果 html部分: <button data-ripple> Demo button 6 </button> cs ...

  6. JS实现 点击button(copy) 复制对应的网址——类似于复制推广链接

    <form action=""> <input type="text" class="share-input" value ...

  7. 点滴积累【JS】---JS小功能（button选择颜色)

    效果: 代码: <head runat="server"> <title></title> <style type="text/ ...

  8. JS和JQuery实现Button绑定键盘Enter事件实现提交

    JavaScript实现方法 document.onkeydown = function(e) { if (!e) e = window.event;//火狐中是 window.event if (( ...

  9. bootstrap插件学习-bootstrap.button.js

    先看bootstrap.button.js的结构 var Button = function ( element, options ){} //构造器 Button.prototype = {} // ...

随机推荐

  1. 路由器基础设置之ospf

    我们将以上面的拓扑图来进行实验,要用ospf的协议达到全网互通的效果 router1: enable 进入特权模式 config t 进入全局配置模式 interface L0 ip address ...

  2. 汉化manjaro下的火狐浏览器

    1.下载 汉化包 sudo pacman -S firefox-i18n-zh-cn 2.查看add-ons下的language选项有没有已安装的包 3.在浏览器的地址栏输入 搜索intl.local ...

  3. jQuery最重要的知识点

    1.各种常见的选择器.2.对于属性的操作.[重点] 2.1)获取或设置属性的值: prop(); 2.2 ) 添加.删除.切换样式: addClass/removeClass/toggleClass ...

  4. js函数的节流和防抖

    js函数的节流和防抖 用户浏览页面时会不可避免的触发一些高频度触发事件(例如页面 scroll ,屏幕 resize,监听用户输入等),这些事件会频繁触发浏览器的重拍(reflow)和重绘(repai ...

  5. C# WebClient 使用http免费代理

    static void Main(string[] args) { WebClient client = new WebClient(); client.Encoding = Encoding.Get ...

  6. IO复用——select系统调用

    1.select函数 此函数用于在一段时间内,监听用户感兴趣的文件描述符上的可读.可写和异常等事件. #include<sys/select.h> int select(int nfds, ...

  7. CS61B sp2018笔记 | Lists

    Lists csdn同作者原创地址 1. IntLists   下面我们来一步一步的实现List类,首先你可以实现一个最简单的版本: public class IntList { public int ...

  8. Yearning和inception搭建MySQL审核平台

    前言 采用开源Yearning和inception开源软件,搭建用于MYSQL审核及线上MYSQL语句更新的审核平台. 功能说明 Yearning: 基于Vue.js与Django的整套mysql-s ...

  9. HBase java API 的使用范例(增,删,查,扫描)

    编辑pom.xml <dependency> <groupId>org.apache.hbase</groupId> <artifactId>hbase ...

  10. PHP.42-TP框架商城应用实例-后台17-商品属性3-商品分类的修改与删除

    商品分类的修改 1.改表单Goods/edit.html,加下拉框 2.因为商品属性修改涉及商品属性表goods_attr{id,attr_value,attr_id,goods_id}与属性表att ...