防止页面内容的复制、选取和右键屏蔽

最新推荐文章于 2025-06-27 17:10:38 发布

ljyy2006

最新推荐文章于 2025-06-27 17:10:38 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： function javascript div

本文链接：https://blog.youkuaiyun.com/ljyy2006/article/details/1841609

本文介绍了一种通过JavaScript实现的网页全屏禁用复制和右键菜单的方法。该方法通过监听键盘事件、鼠标事件等方式阻止用户的复制操作和右键调用菜单功能，适用于需要保护网页内容不被随意复制的场景。

通过下面的代码，即可实现页面全屏蔽功能：

<DIV id=divTitle style="FONT-SIZE: 16px">禁止复制代码1</DIV>
<SCRIPT LANGUAGE=javascript>
function click() {
alert('禁止你的左键复制！') }
function click1() {
if (event.button==2) {alert('禁止右键点击~！') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</SCRIPT>

<SCRIPT language=javascript></SCRIPT>
<DIV id=divTitle style="FONT-SIZE: 16px">禁止复制代码2</DIV>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body leftmargin=0 topmargin=0 onmousemove='HideMenu()' oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
<noscript><iframe src=*></iframe></noscript>

// 彻底屏蔽右键菜单
document.oncontextmenu = function()
{
window.event.returnvalue=false;
alert("对话框内容");
return false;
}

或者：
在<body>中加入以下代码：效果等价（我感觉还是加下面的好，多容易啊）
<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">