为子比主题网站增加右键菜单,功能有新窗打开
,选择复制,前进后退页面,刷新页面。其它站点也可以用,只是因为它的警告提示弹窗被我改成了子比自带的弹窗,其它系统想用需要手动删除或修改警告弹窗代码
![图片[1]- 子比主题增加右键菜单](https://www.dh139.cn/wp-content/uploads/2025/10/7782d0574dc53a3646dc711cb9e54476-1.png)
代码
你可以在主题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();
}
});
感谢您的来访,获取更多精彩文章请收藏本站。














暂无评论内容