js屏蔽鼠标右键菜单&键盘ctrl+c,ctrl+v等

最新推荐文章于 2024-03-15 17:37:02 发布

黄三狗

最新推荐文章于 2024-03-15 17:37:02 发布

阅读量1.9k

点赞数

分类专栏： js html javascript 文章标签： js javascript html css jquery

本文链接：https://blog.csdn.net/baidu_38760069/article/details/110819789

版权

html 同时被 3 个专栏收录

4 篇文章

订阅专栏

javascript

4 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现禁止浏览器的鼠标右键菜单以及防止用户使用Ctrl+C进行内容复制的功能，包括代码展示和效果说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

js屏蔽鼠标右键菜单以及屏蔽键盘ctrl+c,ctrl+v,ctrl+a,ctrl+s,ctrl+p

一、效果展示

js屏蔽鼠标右键菜单以及屏蔽键盘ctrl+c,ctrl+v,ctrl+a,ctrl+s,ctrl+p

二、源代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#TextBox{
				width: 200px;
				height: 200px;
				border: 1px solid #000;
			}
			#menu{
				position: absolute;
			}
		</style>
	</head>
	<body>
		<div id="TextBox">
			<div id="menu">
			</div>
		</div>
		<script type="text/javascript">
			window.onload = function(){
				var ul = document.getElementById("menu"); //获取ul节点对象
				ul.style.display = "none";
				/*为document绑定鼠标右键菜单事件*/
				document.oncontextmenu = function(e){
					var _event = window.event||e;  //事件对象
					var x  = _event.clientX; // 鼠标的x坐标
					var y =  _event.clientY; //鼠标的y坐标
		 
					ul.style.display = "block";
					ul.style.left = x + "px";  //改变ul的坐标
					ul.style.top = y  + "px";  
					//阻止默认行为
					if(_event.preventDefault){
						_event.preventDefault();  //标准格式
					}else{
						_event.returnValue = false; //IE格式
					}
				}
				document.onclick = function(){
					ul.style.display = "none";
				}
				document.onkeydown = function(event){
					if (event.ctrlKey && window.event.keyCode==65){   //禁用ctrl + a 功能
						console.log("屏蔽ctrl+a");
						return false;
					}
					
					if (event.ctrlKey && window.event.keyCode==67){	//禁用ctrl + c 功能
						console.log("屏蔽ctrl+c");
						return false;
					}
					
					if (event.ctrlKey && window.event.keyCode==83){	//禁用ctrl + s 功能
						console.log("屏蔽ctrl+s");
						return false;
					}
			
					if (event.ctrlKey && window.event.keyCode==86){	//禁用ctrl + v 功能
						console.log("屏蔽ctrl+v");
						return false;
					}
					
					if (event.ctrlKey && window.event.keyCode==80){	//禁用ctrl + p 功能
						console.log("屏蔽ctrl+p");
						return false;
					}
				}
			}
		</script>
	</body>
</html>