JS实现屏蔽网页右键复制及Ctrl+C复制的方法【2种方法】
本文介绍两种使用JavaScript屏蔽网页右键菜单和Ctrl+C复制功能的方法。方法一通过HTML标签内联属性实现，方法二通过编写JS脚本绑定事件对象。文章提供了完整代码示例及效果说明，帮助开发者保护网页内容不被轻易复制。
本文通过具体实例，详细讲解了如何利用JavaScript技术阻止用户在网页上进行右键点击和Ctrl+C复制操作。内容旨在为开发者提供实用的参考方案，适用于需要保护网页内容的场景。
许多网站为了版权保护，会禁用鼠标右键或快捷键复制功能。对于用户而言，若遇到此类限制，通常可以通过保存网页文件并删除相关的JavaScript代码来恢复右键菜单的正常功能。
另一种解决思路是调整浏览器的安全设置，将其级别提升至最高，从而绕过网页端的脚本限制。
方法一：内联属性屏蔽
第一种实现方式是在HTML的body标签中直接添加特定的事件属性，以拦截默认行为。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body oncontextmenu="return false" onselectstart="return false" oncopy="return false">
<ul>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
</ul>
</body>
</html>
方法二：JavaScript脚本控制
第二种方式则是编写独立的JavaScript脚本，通过绑定事件处理器来控制复制行为。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<ul>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
<li><a href="###">阅谁问君诵，水落清香浮</a></li>
</ul>
<script>
document.oncontextmenu = function(){
return false;
}
document.onkeydown = function(){
if (event.ctrlKey && window.event.keyCode==67){
return false;
}
}
document.body.oncopy = function (){
return false;
}
//不建议连选中文本都不行
document.onselectstart = function(){
//return false;
}
</script>
</body>
</html>
以下是该方法运行后的实际效果展示。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望上述关于JavaScript程序设计的分享能对读者有所帮助。
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础：字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58