javascript 学习右键点击事件不要浏览器的右键工具栏

最新推荐文章于 2025-09-16 16:53:54 发布

原创最新推荐文章于 2025-09-16 16:53:54 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

学习前端之javascript笔记专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该示例通过JavaScript禁用了页面中的右键点击菜单功能。当用户尝试在指定的div元素上使用鼠标右键时，控制台将记录事件信息，并阻止默认的上下文菜单显示。

1，效果

2，代码

<!doctype html>
<head>
<meta charset="utf-8"/>
<style>
#click-container{
width:400px;
height:400px;
background-color:#000000;
}
</style>
</head>
<body>
<div id="click-container"></div>
<script>
var clickbox=document.getElementById('click-container');
clickbox.oncontextmenu=function(e){
var e=event||window.event;
console.log(e);
return false;
}
</script>
</body>
</html>