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

超、凢脫俗 2022-12-27 02:09 202阅读 0赞

### 文章目录 ###

*  前言
 *  一、效果展示
 *  二、源代码
 *  总结

--------------------

# 前言 #

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

--------------------

# 一、效果展示 #

![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>

# 总结 #

以上就是js屏蔽鼠标右键菜单以及屏蔽键盘ctrl+c,ctrl+v,ctrl+a,ctrl+s,ctrl+p的方式。

[js_ctrl_c_ctrl_v_ctrl_a_ctrl_s_ctrl_p]: /images/20221120/f866cbb3be9348698dc3aa1d16c306e0.png