【网页禁止右键和F12】

news/2026/1/18 10:12:26/文章来源:https://www.cnblogs.com/zjwgy/p/19497880

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>禁用右键示例</title> <style> /* 提示框样式 - 默认完全隐藏 */ .right-click-tip { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.8); color: white; padding: 15px 25px; border-radius: 8px; font-size: 16px; z-index: 9999; opacity: 0; /* 默认透明 */ visibility: hidden; /* 默认不可见（避免占位） */ transition: all 0.3s ease; /* 渐变过渡 */ pointer-events: none; } /* 提示框显示状态 */ .right-click-tip.show { opacity: 1; /* 显示 */ visibility: visible;/* 可见 */ } </style> </head> <body> <div class="right-click-tip" id="rightClickTip">为了浏览体验，右键已关闭</div> <script> const tipBox = document.getElementById('rightClickTip'); let tipTimer = null; // 定时器变量，避免重复触发 // 显示提示框并定时隐藏 function showTip() { // 清除之前的定时器（避免多次触发时计时混乱） clearTimeout(tipTimer); // 显示提示框 tipBox.classList.add('show'); // 2秒后隐藏 tipTimer = setTimeout(() => { tipBox.classList.remove('show'); }, 2000); } // 1. 禁用右键菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); showTip(); // 仅右键时触发提示 }); // 2. 禁用F12/Ctrl+Shift+I document.addEventListener('keydown', function(e) { if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && e.key === 'I')) { e.preventDefault(); showTip(); // 仅按这些键时触发提示 } }); </script> </body> </html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/1177772.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！