右键美化

使用右键美化，请禁用 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. vue-elementui 因滚动条引发的table错位问题

    修复后效果 在网上看到的方法都是设置样式属性,试过之后也不生效,也不知道原因 所以就自己用原生js解决了,代码如下 //修错位 x(){ var u = document.getElementsByC ...

  2. 【异或运算】codeforces 1153 B. Dima and a Bad XOR

    前言 异或运算:是一种在二进制数系统中使用的逻辑运算.它的基本规则是对两个二进制位进行比较,如果这两个位不同,则结果为 \(1\):如果相同,则结果为 \(0\). 异或运算的规则 \(0\) XOR ...

  3. 一款基于 .NET MVC 框架开发、功能全面的MES系统

    前言 今天大姚给大家分享一款基于 .NET MVC 框架开发.功能全面的离散型零部件制造管理系统(MES):EasyMES. 项目介绍 EasyMES一款基于 .NET 6 MVC 框架开发.开源免费 ...

  4. 2024年1月Java项目开发指南12：前后端分离项目跨域问题解决

    创建config文件夹,创建WebConfig文件 代码如下(可以直接抄) package cc.xrilang.serversystem.config; import org.springframe ...

  5. WorldWind源码剖析系列：漫游时四叉树瓦片类QuadTile的运行思路

    用户在窗口漫游时,需要加载精细的高程和纹理数据时的处理思路:当用户漫游时直到窗口相机的视场角的1/2小于(瓦片大小*瓦片绘制距离的乘积)时,才初始化四叉树瓦片类QuadTile,或者加载本地缓存中的数 ...

  6. 万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践

    本文由作者"阿宝哥"分享,原题"你不知道的 WebSocket",有修订和改动. 1.引言 本文将从基本概念.技术原理.常见易错常识.动手实践等多个方面入手,万 ...

  7. 基于Netty，徒手撸IM(一)：IM系统设计篇

    本文收作者"大白菜"分享,有改动.注意:本系列是给IM初学者的文章,IM老油条们还望海涵,勿喷! 1.引言 这又是一篇基于Netty的IM编码实践文章,因为合成一篇内容太长,读起来 ...

  8. 一套十万级TPS的IM综合消息系统的架构实践与思考

    本文由作者jhon_11分享,有大量修订和改动. 1.引言 如何设计一款高性能.高并发.高可用的im综合消息平台是很多公司发展过程中会碰到且必须要解决的问题.比如一家公司内部的通讯系统.各个互联网平台 ...

  9. 今天记录一下vue更改时间格式的js

    首先定义js文件,我这边定义为date.js,里面包含了增加零的处理 //date.jsexport function formatDate(date, fmt) { if (/(y+)/.test( ...

  10. 在已有的项目中使用vuiew ui库

    官方提供了三种方式,但是我觉得在已有的项目中使用是比较常见的 我在刚开始使用的时候不知道如何使用,我希望这个对大家有点帮助,特此来记录下! 我用的是创建了一个uview插件的项目,然后把里面uview ...