如何禁用网页右键菜单与复制粘贴功能输入框除外

时间：2026-08-17 | 作者：实验室老王 | 阅读：0

本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有和等可编辑元素的默认交互行为，兼顾内容防护与基础可用性。</p> <p><a href="https://img.wishdown.com/upload/news/2026081763221bc8265fafc2a83cb105a8d0dbaf.webp" target="_blank"><img title="如何禁用网页右键菜单与复制粘贴功能输入框除外_wishdown.com" src="https://img.wishdown.com/upload/news/2026081763221bc8265fafc2a83cb105a8d0dbaf.webp" alt="禁用网页右键菜单与复制粘贴功能（输入框除外）" /></a></p> <p>本文介绍如何通过原生 Ja vaScript 全局禁用右键菜单、文本选择、剪切复制及拖拽操作，同时保留所有 <code><input></code> 和 <code><textarea></code> 等可编辑元素的默认交互行为，兼顾内容防护与基础可用性。</p> <h2>适用场景与核心前提</h2> <p>在内容敏感度较高的场景里，比如行业白皮书、SEO 核心文案页，防止被低门槛盗用几乎是绕不开的需求。</p> <p>需要说明的是，基于 Ja vaScript 的这类防护，并不能真正拦住技术熟练者。无论是借助 DevTools，还是直接禁用脚本，都有办法绕过去。</p> <p>但对大多数非技术人群来说，例如营销人员、竞品运营，这道门槛已经足以拦下“直接复制”这类行为，也能明显抬高内容被盗取的成本。</p> <h2>推荐实现方案</h2> <p><strong>推荐采用事件委托 + 精准白名单策略。</strong> 这样既能实现全局防护，又不会破坏表单交互。</p> <pre><pre>// 阻断通用事件：右键、复制、剪切、选中、拖拽 function blockEvent(e) { e.preventDefault(); e.stopPropagation(); return false; } // 仅传播（不阻断），用于白名单元素 function passthroughEvent(e) { e.stopPropagation(); return true; } // 全局监听（捕获阶段可选，但此处使用冒泡阶段已足够） document.addEventListener('contextmenu', blockEvent); document.addEventListener('cut', blockEvent); document.addEventListener('copy', blockEvent); document.addEventListener('selectstart', blockEvent); document.addEventListener('dragstart', blockEvent); // 白名单：允许所有可编辑表单控件保持原生行为 const editableElements = document.querySelectorAll('input, textarea, [contenteditable="true"]'); editableElements.forEach(el => { el.addEventListener('contextmenu', passthroughEvent); el.addEventListener('cut', passthroughEvent); el.addEventListener('copy', passthroughEvent); el.addEventListener('selectstart', passthroughEvent); el.addEventListener('dragstart', passthroughEvent); });</pre></pre> <h2>关键优化点说明</h2> <ul> <li>使用 <code>querySelectorAll('input, textarea, [contenteditable="true"]')</code> 替代仅 <code>input</code>，覆盖文本域与富文本编辑区域；</li> <li><code>passthroughEvent</code> 仅调用 <code>stopPropagation()</code> 而非 <code>preventDefault()</code>，确保事件在目标元素上仍可被浏览器默认处理；</li> <li>所有事件监听均绑定在 <code>document</code> 或具体元素上，避免重复绑定或内存泄漏；</li> <li>无需 jQuery，纯原生 ES5+ 兼容，适合现代项目及需兼容 IE11 的场景（若需 IE11，请将箭头函数改为 function 声明）。</li> </ul> <h2>注意事项</h2> <ul> <li>此方案<strong>不影响键盘快捷键</strong>（如 Ctrl+C 在禁用状态下仍可能触发，因部分浏览器对快捷键有独立处理逻辑）；如需进一步限制，可补充监听 <code>keydown</code> 并过滤 <code>Ctrl/Cmd + C/V/X</code> 组合键（但会降低可访问性，不推荐）；</li> <li>移动端需额外考虑长按触发的系统菜单（<code>touchstart</code> + <code>setTimeout</code> 模拟禁用较复杂，且效果有限，建议优先依赖服务端水印与版权申明）；</li> <li>务必配合其他防护手段：禁用图片右键保存（<code><img oncontextmenu="return false"></code>）、启用 CSP 头、添加不可见水印文字、定期全站内容指纹监控等。</li> </ul> <h2>结论</h2> <p><strong>最后强调：技术防护是盾，而非锁。</strong></p> <p>真正可持续的护城河，始终在于持续产出不可替代的优质内容，并辅以清晰的版权声明与法律威慑。</p> <p>Ja vaScript 层面的限制，应定位为<span style="color:#00D5FF;">「友好提醒」</span>与<span style="color:#E53333;">「效率门槛」</span>，而非绝对屏障。</p><div class="app-button-container"> <a href="https://pan.quark.cn/s/c82ffec00f32" class="app-button"> <div class="button-text"> <div class="title"> <p>《夸克》非常好用的免费AI浏览器</p> </div> <div class="subtitle"> 下载APP查看 <img src="/style/jiantou.webp" alt=""> </div> </div> </a> </div> </div> <div class="zxwz_tjList dd"> <p> <span style="color:#FF6701;font-size:12px;">免责声明：文中图文均来自网络，如有侵权请联系删除，心愿游戏发布此文仅为传递信息，不代表心愿游戏认同其观点或证实其描述。</span> </p></div> <div class="con_page"> </div> <div class="wzxq_recmd"> </div> </div>     <div class="con_box2"> <div class="con_tit1"> <h2><em class="tit_before"></em>相关文章<em class="tit_after"></em></h2> <a href="/article/648011" class="tit_more">更多</a> </div> <ul class="zxwz_tjList"> <li> <a href="/article/1065277.html" title="迅捷路由器怎么调信号最强，设置时要注意什么？"><img src="https://img.wishdown.com/upload/news/20260827df3bb62879b5fe9068311f85282c44f5.webp" alt="迅捷路由器怎么调信号最强，设置时要注意什么？"/></a> <dl> <dt><a href="/article/1065277.html">迅捷路由器怎么调信号最强，设置时要注意什么？</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065276.html" title="vivo浏览器怎么卸不掉？原因和解决方法在这里"><img src="https://img.wishdown.com/upload/news/20260827e2aba05b94e0b5b49779fb09d85e160c.webp" alt="vivo浏览器怎么卸不掉？原因和解决方法在这里"/></a> <dl> <dt><a href="/article/1065276.html">vivo浏览器怎么卸不掉？原因和解决方法在这里</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065275.html" title="OPPO R11s黑屏了，怎么强制恢复出厂设置？"><img src="https://img.wishdown.com/upload/news/202608274e08d71d2abc08ff2664b5cd65098351.webp" alt="OPPO R11s黑屏了，怎么强制恢复出厂设置？"/></a> <dl> <dt><a href="/article/1065275.html">OPPO R11s黑屏了，怎么强制恢复出厂设置？</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065274.html" title="飞利浦显示器包装盒有生产日期和保修期吗？怎么看？"><img src="https://img.wishdown.com/upload/news/20260827d11ee44acf89aad00427f15c88177d27.webp" alt="飞利浦显示器包装盒有生产日期和保修期吗？怎么看？"/></a> <dl> <dt><a href="/article/1065274.html">飞利浦显示器包装盒有生产日期和保修期吗？怎么看？</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065273.html" title="联想新平板开机必须联网吗？怎么做？"><img src="https://img.wishdown.com/upload/news/2026082733bdeefcf41dacafdeb307a96a243d70.webp" alt="联想新平板开机必须联网吗？怎么做？"/></a> <dl> <dt><a href="/article/1065273.html">联想新平板开机必须联网吗？怎么做？</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065272.html" title="平板横竖屏切换设置与问题解决"><img src="https://img.wishdown.com/upload/news/20260827bb4e5d948997fb827e02a7dfa139afe2.webp" alt="平板横竖屏切换设置与问题解决"/></a> <dl> <dt><a href="/article/1065272.html">平板横竖屏切换设置与问题解决</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065271.html" title="移动电源容量怎么测？要准备哪些工具？"><img src="https://img.wishdown.com/upload/news/20260827d1fca21d4a0eb1bef791429e362eff96.webp" alt="移动电源容量怎么测？要准备哪些工具？"/></a> <dl> <dt><a href="/article/1065271.html">移动电源容量怎么测？要准备哪些工具？</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065270.html" title="荣耀90 Pro防水吗？防水级别多少？怎么用才安全"><img src="https://img.wishdown.com/upload/news/202608278c65396a7b9b8e2d05e6bed547332d80.webp" alt="荣耀90 Pro防水吗？防水级别多少？怎么用才安全"/></a> <dl> <dt><a href="/article/1065270.html">荣耀90 Pro防水吗？防水级别多少？怎么用才安全</a></dt> <dd>时间：2026-08-27</dd> </dl><div class="clear"></div> </li> </ul> </div>   <div class="con_box1"> <div class="con_tit1"> <h2><em class="tit_before"></em>精选合集<em class="tit_after"></em></h2> <a href="/tag/" class="tit_more">更多</a> </div> <div class="tshj_box"> <div class="clear"></div> </div> </div>   <div class="con_box1"> <div class="con_tit1"> <h2><em class="tit_before"></em>大家都在玩<em class="tit_after"></em></h2> </div> <div class="swiper-container gamefl_list3"> <ul class="swiper-wrapper"> </ul> </div> </div>   <div class="con_box1"> <div class="con_tit1"> <h2><em class="tit_before"></em>热门话题<em class="tit_after"></em></h2> </div> <ul class="wzxq_rmht_list"> <li> <a href="/article/1065898.html" class="one"> <img class="img_show2" src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" alt="2026年9月17日小鸡庄园答案"> <div class="tj_tit2"> <span>2026年9月17日小鸡庄园答案</span> </div> </a> <a href="/article/1065897.html" > <img class="img_show2" src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" alt="蚂蚁庄园今日答案2026年9月17日"> <div class="tj_tit2"> <span>蚂蚁庄园今日答案2026年9月17日</span> </div> </a> <div class="clear"></div> </li> <li> <a href="/article/1065896.html" class="one"> <img class="img_show2" src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" alt="蚂蚁庄园小课堂今日最新答案2026年9月17日"> <div class="tj_tit2"> <span>蚂蚁庄园小课堂今日最新答案2026年9月17日</span> </div> </a> <a href="/article/1065895.html" > <img class="img_show2" src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" alt="蚂蚁庄园小鸡答题今日答案2026年9月17日"> <div class="tj_tit2"> <span>蚂蚁庄园小鸡答题今日答案2026年9月17日</span> </div> </a> <div class="clear"></div> </li> </ul> </div>   <div class="con_box3"> <div class="con_tit1"> <h2><em class="tit_before"></em>大家都在看<em class="tit_after"></em></h2> <a href="/article/newlist_5_1.html" class="tit_more">更多</a> </div> <ul class="zxwz_tjList"> <li> <a href="/article/1065898.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="2026年9月17日小鸡庄园答案"></a> <dl> <dt><a href="/article/1065898.html">2026年9月17日小鸡庄园答案</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065897.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="蚂蚁庄园今日答案2026年9月17日"></a> <dl> <dt><a href="/article/1065897.html">蚂蚁庄园今日答案2026年9月17日</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065896.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="蚂蚁庄园小课堂今日最新答案2026年9月17日"></a> <dl> <dt><a href="/article/1065896.html">蚂蚁庄园小课堂今日最新答案2026年9月17日</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065895.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="蚂蚁庄园小鸡答题今日答案2026年9月17日"></a> <dl> <dt><a href="/article/1065895.html">蚂蚁庄园小鸡答题今日答案2026年9月17日</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065894.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="褪黑素主要由人体哪个器官分泌蚂蚁庄园今日答案9.17"></a> <dl> <dt><a href="/article/1065894.html">褪黑素主要由人体哪个器官分泌蚂蚁庄园今日答案9.17</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065893.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="蚂蚁庄园今天答题答案2026年9月17日"></a> <dl> <dt><a href="/article/1065893.html">蚂蚁庄园今天答题答案2026年9月17日</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065892.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="蚂蚁庄园答题今日答案2026年9月17日"></a> <dl> <dt><a href="/article/1065892.html">蚂蚁庄园答题今日答案2026年9月17日</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> <li> <a href="/article/1065891.html"><img src="https://img.wishdown.com/upload/news/image/20260903/20260903020210_33355.png" onerror="this.src='/images/wezmoren/72_72.png'" alt="研学旅游指导师的核心服务对象是蚂蚁新村今日答案2026.9.16"></a> <dl> <dt><a href="/article/1065891.html">研学旅游指导师的核心服务对象是蚂蚁新村今日答案2026.9.16</a></dt> <dd>时间：2026-09-16</dd> </dl><div class="clear"></div> </li> </ul> </div>  </div>   <script> var swiper = new Swiper('.wzxq_tj_swiper', { slidesPerView: 'auto', }); </script> <script> (function () { function fallbackCopy(text) { var textarea = document.createElement("textarea"); textarea.value = text; textarea.setAttribute("readonly", "readonly"); textarea.style.position = "fixed"; textarea.style.left = "-9999px"; document.body.appendChild(textarea); textarea.select(); var copied = document.execCommand("copy"); document.body.removeChild(textarea); return copied; } function copyCode(text, onSuccess) { if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(text).then(onSuccess, function () { if (fallbackCopy(text)) { onSuccess(); } }); return; } if (fallbackCopy(text)) { onSuccess(); } } function initCodeCopyButtons() { var blocks = document.querySelectorAll(".wzxq_con pre"); Array.prototype.forEach.call(blocks, function (block) { if (block.querySelector(".code-copy-btn")) { return; } var code = block.querySelector("code") || block; var codeText = code.textContent || code.innerText || ""; var button = document.createElement("button"); button.type = "button"; button.className = "code-copy-btn"; button.textContent = "\u590d\u5236"; button.setAttribute("aria-label", "\u590d\u5236\u4ee3\u7801"); button.addEventListener("click", function () { copyCode(codeText, function () { button.textContent = "\u5df2\u590d\u5236"; button.className = "code-copy-btn copied"; window.setTimeout(function () { button.textContent = "\u590d\u5236"; button.className = "code-copy-btn"; }, 1500); }); }); block.appendChild(button); }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initCodeCopyButtons); } else { initCodeCopyButtons(); } })(); </script> <div class="footer"><a href="https://m.wishdown.com/" class="cBlack">手机版</a> | <a href="/guanyuwomen.html" class="cBlack">关于我们</a> | <a href="https://www.wishdown.com" class="cBlack">电脑版</a> | <a href="#" class="cBlack">返回顶部</a><br>本站所有游戏都由网友上传，如有侵犯您的版权<br>请发邮件<a class="cBlack">wishdown2023@163.com</a></div> <script> var domain = '.wishdown.com';//当前域名前面一个点注意</script> <script> $(document).ready(function () { //头部导航滑动 var swiper = new Swiper('.head_nav', { slidesPerView: 'auto', }); // 头部轮播图 var swiper = new Swiper('.index_swiper', { autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: '.pagination1', }, }); //专题列表滑动 var swiper = new Swiper('.zt_con_menu', { slidesPerView: 'auto', }); // 游戏截图 var swiper = new Swiper('.yxpic_list', { slidesPerView: 'auto', }); //同类专题滑动 var swiper = new Swiper('.ztxq_tl_list', { slidesPerView: 'auto', }); // 热门专区推荐 var swiper = new Swiper('.swiper-container.rmzq_tjList', { pagination: { el: '.pagination2', }, }); getHeight(".center_box_in",87,150); }) // 相关游戏 var swiper = new Swiper('.gamefl_list3', { slidesPerView: 'auto', }); $(".look_more1").click(function(){ $(this).parent().find(".yxzq_xgbb_list").toggleClass("h_auto"); if($(this).find("em").hasClass("down")){ $(this).html('收起更多<em class="up"></em>'); }else{ $(this).html('查看更多<em class="down"></em>'); } }) </script> <script>var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?99f477aebd455053b75a329e4d7f1119"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script> <script>(function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?3a4382a382b0d29a6e62249a4a29c63e1630e597de8621d83f4027e0959f7e46fd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> </body> </html>