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>
以上即为本文介绍的全部内容,希望能为读者提供有益参考。
作者最新文章
JS监听滚动事件:回到顶部按钮的显示与隐藏逻辑
2026-11-05 16:19:37
JavaScript怎么读写LocalStorage与SessionStorage
2026-11-05 15:40:11
anime.js 与 GSAP 对比:轻量级项目该怎么选择动画库
2026-11-05 11:24:55
flv.js 与 hls.js 在直播场景下的选型对比
2026-11-05 08:18:52
JavaScript能做什么?前端开发中的作用与应用场景解析
2026-11-04 23:17:54
