右键美化

使用右键美化，请禁用 HoerMouse 鼠标美化插件，否则貌似没效果

Joe主题在后台-外观设置-设置外观-全局设置-自定义<body></body>标签内填入如下代码：

<!-- 调用js -->

<script src="https://blog.jichun29.cn/folder/layer.js"></script>

<!-- 自定义右键菜单美化 -->

  <style type="text/css">

    a {text-decoration: none;}

    div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba

(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}

    div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}

    div.usercm ul li{margin:0px;padding:0px;line-height:35px;}

    div.usercm ul li a{color:#666;padding:0 15px;display:block}

    div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}

    div.usercm ul li a i{margin-right:10px}

    a.disabled{color:#c8c8c8!important;cursor:not-allowed}

    a.disabled:hover{background-color:rgba(255,11,11,0)!important}

    div.usercm{background:#fff !important;}

    </style>

<div class="usercm" style="left: 199px; top: 5px; display: none;">

    <ul>

        <li><a href="https://blog.jichun29.cn/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>

        <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>

        <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li>

        <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>

        <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>

        <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>

        <li><a href="https://blog.jichun29.cn/links.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li>

           <li><a href="https://blog.jichun29.cn/links.html"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li>

    </ul>

</div>

<script type="text/javascript">

    (function(a) {

        a.extend({

            mouseMoveShow: function(b) {

                var d = 0,

                    c = 0,

                    h = 0,

                    k = 0,

                    e = 0,

                    f = 0;

                a(window).mousemove(function(g) {

                    d = a(window).width();

                    c = a(window).height();

                    h = g.clientX;

                    k = g.clientY;

                    e = g.pageX;

                    f = g.pageY;

                    h + a(b).width() >= d && (e = e - a(b).width() - 5);

                    k + a(b).height() >= c && (f = f - a(b).height() - 5);

                    a("html").on({

                        contextmenu: function(c) {

                            3 == c.which && a(b).css({

                                left: e,

                                top: f

                            }).show()

                        },

                        click: function() {

                            a(b).hide()

                        }

                    })

                })

            },

            disabledContextMenu: function() {

                window.oncontextmenu = function() {

                    return !1

                }

            }

        })

    })(jQuery);

    function getSelect() {

        "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢！") : document.execCommand("Copy")

    }

    function baiduSearch() {

        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;

        "" == a ? layer.msg("啊噢...你没还没选择文字呢！") : window.open("https://www.baidu.com/s?wd=" + a)

    }

    $(function() {

        for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {

            d = !1;

            break

        }

        d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())

    });

    </script>

禁用F12

Joe主题在后台-外观设置-设置外观-全局设置-自定义<body></body>标签内填入如下代码：

<script src="https://blog.jichun29.cn/folder/layer.js"></script>

自定义JavaScript,填入如下代码：

/*禁用F12*/

document.onkeydown = function(){

    if(window.event && window.event.keyCode == 123) {

        layer.msg("F12被禁用了哦~");

        event.keyCode=0;

        event.returnValue=false;

    }

}

禁止F12审查元素

<script>

function fuckyou(){

window.close(); //关闭当前窗口(防抽)

window.location="about:blank"; //将当前窗口跳转置空白页

}

function click(e) {

if (document.all) {

if (event.button==2||event.button==3) {

alert("禁止拿代码");

oncontextmenu='return false';

}

}

if (document.layers) {

if (e.which == 3) {

oncontextmenu='return false';

}

}

}

if (document.layers) {

fuckyou();

document.captureEvents(Event.MOUSEDOWN);

}

document.onmousedown=click;

document.oncontextmenu = new Function("return false;")

document.onkeydown =document.onkeyup = document.onkeypress=function(){

if(window.event.keyCode == 123) {

fuckyou();

window.event.returnValue=false;

return(false);

}

}

</script>

Typecho自定义右键菜单美化和禁用F12的更多相关文章

  1. 自定义右键菜单，禁用浏览器自带的右键菜单[右键菜单实现--Demo]

    许多从事Web开发的会发现有些事,我们需要禁用浏览器本事自带的右键菜单,而实现自定义的右键菜单下面我们也来实现一个自定义的右键菜单 首先来创建JSP页面 <%@ page language=&q ...

  2. [ActionScript 3.0] 自定义右键菜单

    将自定义右键菜单的一些属性和方法归纳到AddRightMenu.as,通过实例化此类,调用相关方法即可测试! package { import flash.display.Sprite; import ...

  3. DevExpress的TreeList实现自定义右键菜单打开文件选择对话框

    场景 DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/det ...

  4. ASP.NET Aries 入门开发教程8：树型列表及自定义右键菜单

    前言: 前面几篇重点都在讲普通列表的相关操作. 本篇主要讲树型列表的操作. 框架在设计时,已经把树型列表和普通列表全面统一了操作,用法几乎是一致的. 下面介绍一些差距化的内容: 1:树型列表绑定: v ...

  5. JavaScript自定义右键菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. JS简单实现自定义右键菜单

    RT,一个简单的例子,仅仅讲述原理 <div id="menu" style="width: 0;height: 0;background: cadetblue;p ...

  7. antd Tree组件中，自定义右键菜单

    最近项目中,有一个需求是自定义antd的Tree组件的右键菜单功能. 直接上代码 class Demo extends Component { state = { rightClickNodeTree ...

  8. AS3.0 自定义右键菜单类

    AS3.0 自定义右键菜单类: /** * 自定义右键菜单类 * 自定义菜单项不得超过15个,每个标题必须至少包含一个可见字符. * 标题字符不能超过100个,并且开头的空白字符会被忽略. * 与任何 ...

  9. js之自定义右键菜单

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. 【连载】Bootstrap开发漂亮的前端界面之自定义右键菜单

    连载: 1<教你用Bootstrap开发漂亮的前端界面> 2.<Bootstrap开发漂亮的前端界面之实现原理> 网页中的自定义右键菜单越来越普遍,自定义右键菜单可以增强用户体 ...

随机推荐

  1. uni-app Vue3项目引入Tailwind CSS

    前情 Tailwind CSS 是一个原子类 CSS 框架,它将基础的 CSS 全部拆分为原子级别,同时还补全各种浏览器模式前缀,兼容性也不错.它的工作原理是扫描所有 HTML 文件.JavaScri ...

  2. Javascript之常用尺寸、位置获取

    标签: js 缘起 平时在开发中或多或少需要去获取元素尺寸,特此记录常用的尺寸获取方案. 常用相关尺寸 窗口可视尺寸 测试地址 /** * 获取窗口可视尺寸 */ function getWindow ...

  3. cv2, pil.image, plt.image 读图的差异

    人是习惯性动物,当我们第一次用opencv时,肯定会觉得opencv的imread()方式很奇怪,做图像出来天天说图像是RGB图RGB图,可opencv读出来的图,却是BGR的顺序.是不是很奇怪,还不 ...

  4. 基于ESP32的桌面小屏幕实战[4]：硬件设计之PCB Layout

    1. PCB Layout 步骤 生成PCB 确定PCB layout规范 绘制板框尺寸 布局 布局规范: 按电气性能合理分区,一般分为:数字电路区(即怕干扰.又产生干扰).模拟电路区(怕干扰).功率 ...

  5. AlainConfig

    核心配置对象. 一个配置对象 AlainConfig, 它有一个默认的 一个配置服务:AlainConfigService https://github.com/ng-alain/delon/blob ...

  6. 为什么C#越来越恶心

    看看这个 再看这些 more 老子声明个空函数,没有访问数据请改为 static,真是越来越智障 为什么一个活泼的语言越搞越像 C++? C# 发明了各种可爱的小玩意儿,尤其是 async/await ...

  7. Qt开源作品9-扁平化样式flatui

    一.前言 对于现在做前端开发人员来说,FlatUI肯定不陌生,最近几年扁平化的设计越来越流行,大概由于现在PC端和移动端的设备的分辨率越来越高,扁平化反而看起来更让人愉悦,而通过渐变色产生的质感色彩反 ...

  8. 零基础IM开发入门(三)：什么是IM系统的可靠性？

    本文编写时引用了"聊聊IM系统的即时性和可靠性"一文的部分内容和图片,感谢原作者. 1.引言 上一篇<零基础IM开发入门(二):什么是IM系统的实时性?>讲到了IM系统 ...

  9. 《C++并发编程实战》读书笔记(4)：原子变量

    1.标准原子类型 标准原子类型的定义位于头文件<atomic>内.原子操作的关键用途是取代需要互斥的同步方式,但假设原子操作本身也在内部使用了互斥,就很可能无法达到期望的性能提升.有三种方 ...

  10. w3cschool-Go 教程

    https://www.w3cschool.cn/go/ Go 是一个开源的编程语言,它能让构造简单.可靠且高效的软件变得容易. Go是从2007年末由Robert Griesemer, Rob Pi ...