JavaScript 屏蔽鼠标右键的两种实现方式

作者:页面旅途时间:2026-10-29 13:07:21浏览:468

本文介绍了在网页中使用 JavaScript 屏蔽鼠标右键的两种常见方法。第一种通过 body 标签属性或 document.oncontextmenu 函数返回 false 来禁用菜单;第二种利用 onmousedown 事件检测鼠标按键,若为右键则取消默认行为。这两种方法能有效防止用户通过右键菜单查看源码或保存图片,但建议适度使用以避免影响用户体验。

JavaScript 屏蔽鼠标右键的两种实现方式

JavaScript 屏蔽鼠标右键是一项较为常见的网页交互功能。启用相关代码后,访问者无法通过点击鼠标右键调出上下文菜单。需要注意的是,该功能不宜过度使用,否则可能引起用户反感。

具体实现代码如下:


<html>
<head>
<title>屏蔽鼠标右键</title>
</head>
<body oncontextmenu=self.event.returnvalue=false>
第一种方法:在body标签里加上oncontextmenu=self.event.returnvalue=false;
<br>
<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}


function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}
-->
</script>
第二种方法:在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()"
<br>
<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>
<br>详细情况请查看代码。<br>
<br>现在点击你的鼠标右键,不起作用了。
</body>
</html>

以上即为本文介绍的全部内容,希望能为读者提供有益参考。

作者最新文章