子比主题增加右键菜单

子比主题增加右键菜单- 花猪资源网
子比主题增加右键菜单
此内容为免费阅读,请登录后查看
0
免费阅读

子比主题网站增加右键菜单,功能有新窗打开
,选择复制,前进后退页面,刷新页面。其它站点也可以用,只是因为它的警告提示弹窗被我改成了子比自带的弹窗,其它系统想用需要手动删除或修改警告弹窗代码

图片[1]- 子比主题增加右键菜单

代码
你可以在主题func.php文件中添加以下代码,注意该文件开头应该有<?php,然后将下面三段代码都放进?><?php之间

//wordpress底部添加代码
function add_wxs_footer() {
?>

<!--右键菜单html代码放这里-->

        <?php
}
add_action( 'wp_footer', 'add_wxs_footer' );
<!--右键菜单-->
<div class="usercm" style="left: 199px; top: 5px; display: none;">
    <ul>
        <li><a href="/"><i class="fa fa-home fa-fw"></i><span>回到首页</span></a></li>
        <li><a href="javascript:void(0);" onclick="openInNewTab();"><i class="fa fa-external-link 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: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="javascript:void(0);"  onclick="baiduSearch();"><i class="fa fa-paw fa-fw"></i><span>选择百度</span></a></li>
        <!--<li><a href="javascript:void(0);" onclick="googleSearch();"><i class="fa fa-google fa-fw"></i><span>谷歌</span></a></li>
        <li style="border-bottom:1px solid gray"><a target="_blank" href="https://wxsnote.cn/"><i class="fa fa-refresh fa-fw"></i><span>百宝箱</span></a></li>-->
        </ul>
</div>
/*右键菜单*/
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;}

html标签为<style>/*css代码放这里*/</style>,同时可以放在add_wxs_footer函数中,放在html下面,注意标签不能丢

html标签为<script>/*js代码放这里*/</script>,同时可以放在add_wxs_footer函数中,放在html下面,注意标签不能丢

// 右键菜单
// 自调用匿名函数,使用jQuery扩展功能
(function(a) {
    // 扩展jQuery对象,增加自定义方法
    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);
                // 监听HTML元素的右键菜单和点击事件
                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);

// 初始化一个变量,用于存储当前选中的文本
var selectTextNow = '';
// 监听鼠标松开和双击事件,调用selectText函数
document.onmouseup = document.ondblclick = selectText;

// 定义selectText函数,用于获取选中的文本
function selectText() {
    var txt;
    // 获取选中的文本,兼容不同浏览器
    if (window.getSelection) {
        txt = window.getSelection().toString();
    } else if (document.selection) {
        txt = document.selection.createRange().text;
    }
    // 将选中的文本存储到变量中
    selectTextNow = txt ? txt : '';
    console.log(selectTextNow);
}

// 定义一个函数,用于复制选中的文本
function getSelect() {
    // 如果没有选中文本,提示用户
    "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? notyf('请选择需要复制的内容!', 'warning') : document.execCommand("Copy")
}

// 定义一个函数,用于使用百度搜索选中的文本
function baiduSearch() {
    var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
    // 如果没有选中文本,提示用户
    "" == a ? notyf('请选择需要百度的内容!', 'warning') : window.open("https://www.baidu.com/s?wd=" + a)
}

// 定义一个函数,用于使用谷歌搜索选中的文本
function googleSearch() {
    var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
    // 如果没有选中文本,提示用户
    "" == a ? notyf('请选择需要谷歌的内容!', 'warning') : window.open("https://www.google.com/search?q=" + a)
}

// 初始化一个变量,用于存储右键点击的元素
var rightClickedElement = null;
// 监听右键菜单事件,记录右键点击的元素
document.addEventListener('contextmenu', function(event) {
    rightClickedElement = event.target;
});

// 定义一个函数,用于在新标签页中打开链接
function openInNewTab() {
    // 如果右键点击的是链接,打开新标签页
    if (rightClickedElement && rightClickedElement.tagName === 'A' && rightClickedElement.href) {
        window.open(rightClickedElement.href, '_blank');
    } else {
        // 否则提示用户
        notyf('请右键选择一个链接再点击新窗口打开按钮!', 'warning');
    }
}

// 监听DOM内容加载完成事件
document.addEventListener('DOMContentLoaded', 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;
        }
    }
    // 如果不是移动设备,启用鼠标移动显示菜单和禁用右键菜单功能
    if (d) {
        $.mouseMoveShow(".usercm");
        $.disabledContextMenu();
    }
});
查看更多心仪的内容 按Ctrl+D收藏我们
部分内容来自于网络 如有侵权请联系站长删除
花猪资源网欢迎你来投稿文章
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
喜欢就支持一下吧
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容