禁用鼠标右键菜单

最新推荐文章于 2025-07-29 11:07:37 发布

原创最新推荐文章于 2025-07-29 11:07:37 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#计算机外设 #javascript #前端 #开发语言 #ecmascript

本文介绍了如何通过JavaScript代码禁止浏览器的鼠标右键菜单和键盘特定按键事件，以增强网页的安全性和用户体验。示例代码分别展示了禁用鼠标右键菜单和阻止F12、Ctrl+I、Ctrl+U等快捷键的功能。

禁止右键菜单 || 禁止键盘事件

1、禁止鼠标右键菜单

// 屏蔽鼠标右键菜单
document.oncontextmenu = function () {
		return false;
};

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<link rel="icon" href="/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Vite App</title>
	</head>
	<!-- 禁用鼠标右键菜单 -->
	<body oncontextmenu="self.event.returnValue = false">
		<div id="app"></div>
		<script type="module" src="/src/main.js"></script>
	</body>
</html>

2、禁止键盘按键事件

window.onload = function () {
	document.onkeydown = function () {
		let e = window.event || arguments[0];
		if (e.keyCode == 123) {
			return false;
		} else if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
			return false;
		} else if (e.ctrlKey && e.keyCode == 85) {
			return false;
		}
	};
	// 屏蔽鼠标右键菜单
	document.oncontextmenu = function () {
		return false;
	};
};